想做一个效果,用下拉列表控制输入框
                         <form name=save method=post action="">
                           <select name="select_p" size="1">
                                        <option selected>-请选择省份-</option>
                                        <option value="北京市">北京市</option>
                                        <option value="天津市">天津市</option>
                                        <option value="上海市">上海市</option>
                           </select>                           <input name="txt_city" type="text" size="16">
                         </form>只有当下拉列表里的值有效 才能在输入框里输入文字,否则输入框是灰色无效!

解决方案 »

  1.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">  
      <head>
        <title>The First Web Page</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      </head>
      <body>
      <form name=save method=post action="">
      <select id="aa" name="select_p" size="1">
      <option selected value="">-请选择省份-</option>
      <option value="北京市">北京市</option>
      <option value="天津市">天津市</option>
      <option value="上海市">上海市</option>
      </select>  <input id="text" name="txt_city" type="text" size="16" disabled="disabled">
      </form>
    <script>
         var sel = document.getElementById('aa');
    sel.onchange = function(){
    var value = sel[sel.selectedIndex].value;
    if(value){
    document.getElementById('text').disabled = '';
    }else{
    document.getElementById('text').disabled = 'disabled';
    }
    }
        </script>  </body>
    </html>