情景:在下拉框联动下,第一个下拉框选择后,第二个下拉框默认,不让用户选择:
<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');//恢复鼠标事件