下拉框，根据所选择值，确定按钮是否灰选

<form name="knight_chateanForm" method="POST" action="/Project/knight_chatean.do">
<select id="chatean" name="cbuildName">   knight_chatean_02<option value="0">15．精灵骑士城堡 等级 10</option>build<option value="1">16．空地</option>build<option value="2">17．空地</option>build<option value="3">18．空地</option>build<option value="4">19．空地</option>build<option value="5">20．空地</option>build<option value="6">21．空地</option>build<option value="7">22．空地</option>build<option value="8">23．空地</option>build<option value="9">24．空地</option>build<option value="10">25．空地</option>build<option value="11">26．空地</option>house<option value="12">27．民房 等级 1</option>build<option value="13">28．空地</option>build<option value="14">29．空地</option>build<option value="15">30．空地</option>build<option value="16">31．空地</option>build<option value="17">32．空地</option>build<option value="18">33．空地</option>rampart<option value="19">34．外部工地</option></select><input id="ccb" type="submit" value="提交">
</form>我想实现这么一个效果，当选择的option里面的值为空地或者外部工地的时候，按钮灰选，应该怎么做

解决方案 »

  1.   

    var conSel= document.knight_chateanForm.cbuildName;
    var selText = conSel.options[conSel.selectedIndex].text;
    if(selText == "空地" || selText == "外部工地")
    {
         document.knight_chateanForm.ccb.disabled=true;
    }
      

  2.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html>
    <head>
    <title>City</title>
    <script language="javascript">
    function check(obj){
    var oText = obj.options[obj.selectedIndex].text;
    if(oText.indexOf('空地')>-1||oText.indexOf('外部工地')>-1){
    document.getElementById('ccb').disabled =true;
    }else{
    document.getElementById('ccb').disabled =false;
    }

    }
    </script>
    </head><body>
    <form name="knight_chateanForm" method="POST" action="/Project/knight_chatean.do">
    <select id="chatean" name="cbuildName" onchange="check(this)">          knight_chatean_02<option value="0">15．精&#28789;&#39569;士城堡 等&#32423; 10</option>build<option value="1">16．空地</option>build<option value="2">17．空地</option>build<option value="3">18．空地</option>build<option value="4">19．空地</option>build<option value="5">20．空地</option>build<option value="6">21．空地</option>build<option value="7">22．空地</option>build<option value="8">23．空地</option>build<option value="9">24．空地</option>build<option value="10">25．空地</option>build<option value="11">26．空地</option>house<option value="12">27．民房 等&#32423; 1</option>build<option value="13">28．空地</option>build<option value="14">29．空地</option>build<option value="15">30．空地</option>build<option value="16">31．空地</option>build<option value="17">32．空地</option>build<option value="18">33．空地</option>rampart<option value="19">34．外部工地</option></select><input id="ccb" type="button" value="提交">
    </form>
    </body>
    </html>
      

  3.   

    var conSel= document.knight_chateanForm.cbuildName;
    var selText = conSel.options[conSel.selectedIndex].text;
    if(selText == "空地" || selText == "外部工地")
    {
         document.knight_chateanForm.ccb.disabled=true;
    }else {
         document.knight_chateanForm.ccb.disabled=false;
    }
      

  4.   

    我也知道用的是onchange事件，感觉方法也是一样，可不知道为什么总是不能即时的改变按钮的状态