select在设置disable后表单提交到后台，后台获取不到值解决办法

情景：在下拉框联动下，第一个下拉框选择后，第二个下拉框默认，不让用户选择：

<select name="selectedID" style="width:300px;" onchange="changedHappend(this.options[this.options.selectedIndex].value)">                      
              <option value="">--请选择XXXXXX---</option>
              <c:forEach items="${list}" var="ABD">
                      <option value="${ABD.id}">${ABD.value}(${ABD.name})</option>
              </c:forEach>
</select>
<select name="type" id="typeSelect">
        <option value="0">ggg</option>
       <option value="1">yyyyy</option>

 </select>

----------------------------------------------------------js--------------------------------------------------------------

<script type="text/javascript">
          //选中事件
          function changedHappend(tx){
              <c:forEach items="${list}" var="item" varStatus="status" >  
                  if("${item.id}"==tx){
                      document.getElementById('typeSelect').value="${item.type}";
                      var type = document.getElementById('typeSelect');
                      //type.setAttribute('disabled','true');//disabled提交表单获取不到值
                      $("#messureTypeSelect").css('pointer-events','none');//去除鼠标事件
                  }
              </c:forEach>
          }
</script>

$("#id").css('pointer-events', 'none');//去除鼠标事件
$("#id").css('pointer-events', 'auto');//恢复鼠标事件