Question

我看到下拉列表中的特定项目上有一个禁用属性，但整个html下拉列表中是否有启用的属性？

有什么建议吗？

Answer 1

根据the HTML 4 spec，select元素具有disabled属性。

所以

<select disabled>
  <option>Something</option>
</select>

应该有效

Answer 2

disabled="disabled"

这将禁用组合框中的值（它仍将显示，但无法选择）：

<select>
  <option disabled="disabled" value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

这将禁用整个组合框：

<select disabled="disabled">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

Answer 3

可能this 会有所帮助

与：

相同

<html>
    <head>
       <script type="text/javascript">
          function makeDisable(){
          var x=document.getElementById("mySelect")
          x.disabled=true
          }
         function makeEnable(){
             var x=document.getElementById("mySelect")
              x.disabled=false
         }</script></head><body><form>
        <select id="mySelect"><option>Apple</option><option>Banana</option>
        <option>Orange</option>
        </select>
        <input type="button" onclick="makeDisable()" value="Disable list">
        <input type="button" onclick="makeEnable()" value="Enable list">
        </form>
        </body>
       </html>

如何在html中禁用整个下拉控件

3 个答案: