表格標記禁用在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中工作嗎？

回答

相關問題