从html下拉列表和文本框中删除禁用的属性

Question

我正在使用html按钮运行ac＃网页，并且无法执行启用下拉菜单和文本框的JavaScript。 它们都被预定义为禁用，并且保存按钮被隐藏，并且在单击按钮时我调用NewType（）函数，并且它们应该在单击按钮时可见并启用，但不起作用。 保存按钮上的可见性调用均无效，但下拉列表或文本框无效。

<script type="text/javascript">

$(document).ready(function() {
    var d = document.getElementById('saveBtn').style.visibility = 'hidden';

});  

    function NewType() {           
            var e = document.getElementById('saveBtn').style.visibility = 'visible';

            var x = document.getElementById('DD').removeAttribute('disabled');

            var a = document.getElementById('txt1').removeAttribute('disabled');

            var b = document.getElementById('txt2').removeAttribute('disabled');

            var c = document.getElementById('txt3').removeAttribute('disabled');                                                     
        };


 <button type="button" onclick="NewType()">Add New</button>
 <button type="button" id="saveBtn">Save</button>

<select ID="DD" runat="server" disabled="disabled"
                            height="30px" style="width: 120px">
                            <option value=""></option>
                            <option value="1">fruit</option>
                            <option value="2">vegetables</option>       
                                <option value="3">Other</option></select>
   <br />
                      <input size="3" type="text" ID="txt1" runat="server" disabled="disabled" /> 
                      <input size="3" type="text" ID="txt2" runat="server" disabled="disabled"/>
                      <input size="4" type="text" ID="txt3" runat="server" disabled="disabled" />

Answer 1

如果不需要它，请从那些元素中删除runat="server"属性。 具有此属性的控件可以在写入页面之前进行更改。 删除它意味着它们将由.NET单独保留。

在纯HTML元素上， removeAttribute应该起作用。

这是一个例子 。

<input id="test" type="text" disabled="disabled" value="Some Value">
<script>
    document.getElementById('test').removeAttribute('disabled');
</script>

如果在浏览器的页面上View Source ，则可以检查.NET是否已调整某些内容，例如id属性。

我已经在最新版本的Firefox和Internet Explorer中测试了removeAttribute 。

Answer 2

这对我有用！

$（'＃test'）。prop（'disabled'，false）;