jQuery的道具，removeAttr，attr不工作

Question

我尝试选择一个元素，将其禁用，然后使用以下代码再次启用它：

function change(level) {
    var node = ["ultraSuperPoint", "extraSuperPoint", "superPoint", "Point"];
    if (level <= 4 && level > 0) {
         for (var i = 0; i < 4; i++) {
            if (i < level) {
                $("#" + node[i]).prop("disabled", false); //not work
            } else {
                $("#" + node[i]).prop("disabled", true); //not work
            }
        }
    }
}

它运行正常，但此行不起作用。 我已经尝试过jQuery prop,removeAttr,attr,removeProp方法，但是仍然无法正常工作。

这是我的HTML

<select disabled class="form-control convertSinhalaIskolaPotha" name="ultraSuperPoint" id="ultraSuperPoint"  >
                                <option value="0">-N/A-</option>
                                <option value="1">MEMBER</option>
                                <option value="2">ASSOCIATE MEMBER</option>
                                <option value="3">NON MEMBER</option>
                                <option value="4">MEMBER SOCIETY</option>
                                <option value="5">SOCIETY</option>
                                <option value="6">COMPANY</option>
                            </select>

所有这样的选择元素，仅具有唯一标识和名称

***我知道这是重复的，但我已经尝试过该解决方案。

Answer 1

您可以像这样使用 $（“＃test”）。prop（“ disabled”，“ false”）;

您的代码将像这样

function change(level) {
    var node = ["ultraSuperPoint", "extraSuperPoint", "superPoint", "Point"];
    if (level <= 4 && level > 0) {
        for (var i = 0; i < 4; i++) {
            if (i < level) {
                $("#" + node[i]).prop("disabled", "false"); 
            } else {
                $("#" + node[i]).prop("disabled", "true"); 
            }
        }
    }
}