表格标记禁用在Chrome/Firefox中工作吗？

我正在使用下面的代码，禁用功能适用于IE，但不适用于Chrome/Firefox。我可以知道为什么此属性在Chrome中不起作用吗？我看到标签的值确实已设置，但不起作用。表格标记禁用在Chrome/Firefox中工作吗？

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

来源

2015-07-01 Bhavana

根据W3C推荐标准以下的HTML元素可以禁用按钮，输入，选择，文本区域，OPTGROUP，选项和字段集“http://www.w3.org/TR/html5/disabled-elements.html”所以，如果你想禁用表则是不可能，因为它没有任何禁用属性。

来源

2015-07-01 10:43:18

我不认为它也适用于IE浏览器。你的功能工作正常，但你需要禁用选择，而不是表。

Working fiddle

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

来源

2015-07-01 09:46:08 dddexxx

它确实为IE浏览器工作，我再次验证它。 – Bhavana

那么小提琴是否解决了Chrome/Mozilla的问题呢？ – dddexxx

是的，但我想禁用表作为一个整体:(猜不可能 – Bhavana

表格标记禁用在Chrome/Firefox中工作吗？

回答

相关问题