web-dev-qa-db-ja.com

HTMLでドロップダウンコントロール全体を無効にする方法

ドロップダウンリストの特定のアイテムに無効なプロパティがあるのはわかりますが、HTMLドロップダウン自体全体に有効なプロパティがありますか？

助言がありますか？

htmldrop-down-menu
20
leora

HTML 4仕様 によると、select要素にはdisabled属性があります。

そう

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

うまくいくはず

31
Joey
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>
14
Travis Heeter

かもしれません 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>
3
Posto