如何用js去除option标签的disabled属性

Question

本帖最后由 u011933514 于 2013-09-02 16:53:01 编辑

Answer 1

对option操作，不是对select对象<select onChange="menu(this)" name="control" class="select_tbar"  >
    <option value="ReloadRightNow(3);"> OPT1
    <option value="ReloadRightNow(2);"> OPT2
    <option value="ReloadRightNow(1);"> OPT3
    <option value="copeTogether();" disabled> XXX
</select>
<input type="button" onclick="enableXXX()" value="使xxx可用"/>
<script type="text/javascript">
    function enableXXX() {
        var sel = document.getElementsByTagName('select')[0];
        sel.options[3].disabled=false
    }
</script>

Answer 2

$("[option] value='copeTogether()'").remove('disabled')  这样不知道可不可以

Answer 3

确保操作的是option标签不是select
如果还不可以 ，可以先移除，再添加的方式进行更改。

Answer 4

删除所有的 option
重新生成并添加

Answer 5

这样写我测可以，你试试<form name="mainFrm">
<select onChange="menu(this)" name="control" class="select_tbar"  >
    <option value="ReloadRightNow(3);"> OPT1</option>
    <option value="ReloadRightNow(2);"> OPT2</option>
    <option value="ReloadRightNow(1);"> OPT3</option>
    <option value="copeTogether();" >XXX</option>
</select>
</form>
<button onclick="setMenubar(0)" >setDisabled</button>
<button onclick="setMenubar(1)" >removeDisabled</button>
<script>
function setMenubar(flg)
{ 
  var opt=document.mainFrm.control.options;
    for (var i=0;i<opt.length;i++) { 
        if(opt[i].text == "XXX")
        { 
            if(flg == true){
            opt[i].removeAttribute('disabled');
            }else{
                opt[i].disabled=true;
            }
        } 
    } 
}

</script>

Answer 6

LZ可以使用JQUERY，向下面这样写：$("option").each(function() {
    $(this).prop("disabled", false);
});