Question

只是想知道任何人都可以给我一个如何禁用下拉框的示例，当一个选项未被选中时？

e.g

<td class="Item">State(Aus only):</td>
<td class="Data">
  <select class="TextBox" name="State" id="selectState">   
   <option>New South Wales</option>
   <option>Northern Territory</option>
   <option>Queensland</option>
  </select>
 </td>



 <td class="Item">Country:</td>
 <td class="Data">
   <select class="TextBox" name="Country" id="selectCountry">
    <option value="Australia" id="Australia" name="Australia">Australia</option>
    <option value="Braz">Brazil</option>
   <option value="China">China</option>
  </select>     
 </td>

   <script>
   function selected()
if(document.selectCountry.checked)      
{
document.getElementById("selectCountry.Australia").disabled = false;
    }   
else
    {   
document.getElementById("selectCountry.Australia").disabled = true;
}
  </script>

我希望使用JAVASCRIPT禁用State下拉列表，除非Country被选为澳大利亚..我能得到一些帮助吗？

我仍然对这整个Javascript编码有点新鲜，很抱歉，如果我的代码不好但我希望你能得到我的问题

Answer 1

你需要像这样修复你的js代码

function selected(){
 if(document.getElementById("selectCountry").value == "Australia") {
   document.getElementById("selectState").removeAttribute("disabled");
 }   
 else {   
   document.getElementById("selectState").setAttribute("disabled","disabled");
 }
}

以上代码的fiddle

如果默认情况下国家/地区不是“澳大利亚”

，则更新fiddle以在页面加载时调用该函数

Javascript / Html如何使用下拉框禁用下拉框

1 个答案: