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

最新推荐文章于 2024-03-07 10:32:57 发布

心存留恋就不会幸福

最新推荐文章于 2024-03-07 10:32:57 发布

阅读量950

点赞数 1

分类专栏： Coding_前端开发文章标签： javascript

本文链接：https://blog.youkuaiyun.com/hachi_rt/article/details/106379084

版权

Coding_前端开发专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种在前端开发中实现下拉框联动的方法，并通过JavaScript和CSS技术禁用了第二个下拉框的选择功能，确保用户在特定条件下的交互体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

<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');//恢复鼠标事件