<td align="right">
聘任岗位:
</td>
<td align="left">
    <select id="firstPosition" name="firstPosition" style="width: 120px">
<option value="option1">option1</option>
<option value="option2">option2</option>
<option value="option3">option3</option>
<option value="option4">option4</option>
<option value="option5">option5</option>
    </select>
</td>
<td align="right">
可代班岗位:
</td>
<td align="left">
<select id="insteadPost" name="insteadPost" multiple="multiple" style="width: 120px">
<option value="option1">option1</option>
<option value="option2">option2</option>
<option value="option3">option3</option>
<option value="option4">option4</option>
<option value="option5">option5</option>
</select>
</td><script type="text/javascript" src="../js/jquery.multiSelect/jquery.multiSelect.js"></script>
<script language="javascript">
//画面初始化
$(function() {
jQuery.setupGlobalAjax(); // multiSelect
$("#insteadPost").multiSelect();// 可代班岗位是多选下拉框

});
</script>问题:如果选择了聘任岗位里的option2,需实现在可代班岗位里option2不可选(disabled)或不显示(display),最好是用disabled

解决方案 »

  1.   


    $("#firstPosition").changge(function(){
    var vl=$(this).val()
    if(vl=="option2"){
    $("#insteadPost").attr("disabled",true)
    }else{
    $("#insteadPost").attr("disabled",false)}})
    //模拟的视最终代码而定, 请标明代码.
      

  2.   

    这段代码是将insteadPost设置为disabled而不是将insteadPost下的option2选项设置为disabled
      

  3.   

    我是lz,我尝试写成这样$("#insteadPost option[value='option2']").attr("disabled",true);没有效果,但是对单选下拉框是有效果的,希望熟悉这个知识点朋友快点帮我解决这个问题,先谢啦