Question

我有一个加载数据的下拉列表，并且有一个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，但是有很多方法可以定位您的特定表格。

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

JSFiddle

Answer 2

尝试绑定点击事件。

Demo

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

jQuery .prop（＆＃34;禁用＆＃34;，true）无效

2 个答案: