jQuery .prop（“ disabled”，true）无法正常工作

Question

我有一个加载数据的下拉列表，并且有一个Add按钮，当触发Add按钮时，它将被禁用。 它在第一次加载时有效，但是当下拉列表为onchange ， disabled按钮将为false或未禁用。 因此，当更改下拉列表时，如何仍禁用按钮。 我还有一个input field用于存储已单击的按钮的值。 检查http://jsfiddle.net/leonardeveloper/qy9u5/ 。

Answer 1

问题是，每次更改<select>时都要添加一个新元素。 您每次都需要显示和隐藏相同的表。 您可以使用jQuery通过<option>创建那些表。 像这样：

$("#loads option").each(function(){
    thisNumber = this.value;
    $("#displays").append("<table data-table="+thisNumber+"><tr><td>"+thisNumber+"</td><td>"+thisNumber+"</td><td><button class='materialId' value='"+thisNumber+"'>Add</button></td></tr></table>");
    $("#displays table").hide();
});

我们将表（在这种情况下为2）附加到#displays ，然后将其隐藏。 现在更改<select> ，我们隐藏了所有表，并显示了所选择data-table ，为此，我使用了data-table ，但是有许多方法可以将您的特定表作为目标。

$(document).on("change","#loads", function(){
    $("#displays table").hide();
    $("#displays table[data-table="+this.value+"]").show();
});

的jsfiddle

Answer 2

也尝试绑定单击事件。

演示

$(document).on("change click","#loads",...