如何禁用HTML整个下拉控制(how to disable the entire dropdown

2019-07-31 08:54发布

我看到有一个残疾性质上特定项目的下拉列表中,但没有对整个HTML下拉本身enabled属性?

有什么建议?

Answer 1:

根据该HTML 4规范一个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:

可能这将有助于

是一样的:

<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>


文章来源: how to disable the entire dropdown control in html