表格标签是否在Chrome / Firefox中停用?

时间:2015-07-01 09:28:38

标签: javascript html google-chrome html-table setattribute

我使用以下代码,禁用功能适用于IE,但不适用于Chrome / Firefox。 我可以知道为什么这个属性在Chrome中不起作用吗? 我看到标签的值确实已设置,但它无法正常工作。

    <html>
    <body>
    <table id="gone">
    <tr>
    <td>
    <select>
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
    </select>
    </td>
    <td>
    </td>
    </tr>
    </table>
    <input type="button" value="Click me" onclick="myFun()">
    <script>
    function myFun() 
    {
    var ab=document.getElementById('gone');
    ab.setAttribute("disabled","disabled");
    }
    </script>
    </body>
    </html>

2 个答案:

答案 0 :(得分:1)

我也不认为它适用于IE。您的功能正常,但您需要禁用选择,而不是表格。

Working fiddle

 function myFun() 
    {
    var ab=document.getElementsByTagName('select');
    ab[0].setAttribute("disabled","disabled");
    }

答案 1 :(得分:1)

根据W3c建议,以下HTML元素可以是禁用按钮,输入,选择,textarea,optgroup,选项和字段集“http://www.w3.org/TR/html5/disabled-elements.html”因此,如果你想禁用一个表,那么它是不可能的,因为它可以没有任何禁用属性。