Jquery 在下拉列表中添加列表项后启用禁用按钮
我通过jquery将一个项目添加到下拉列表中,并使其处于选中状态,但禁用按钮无法在其处于选中状态后启用Jquery 在下拉列表中添加列表项后启用禁用按钮,jquery,angularjs,button,dropdown,Jquery,Angularjs,Button,Dropdown,我通过jquery将一个项目添加到下拉列表中,并使其处于选中状态,但禁用按钮无法在其处于选中状态后启用 <select ng-model="dropdown" name="DumyDDp" id="DumyDDp"> <option value="0">-- Select Value --</option> </select> <button type="button" class="btn" ng-disabled="(!drop
<select ng-model="dropdown" name="DumyDDp" id="DumyDDp">
<option value="0">-- Select Value --</option>
</select>
<button type="button" class="btn" ng-disabled="(!dropdown)" >Save</button>
$(".OtherButton").on('click', function(e) {
e.preventDefault();
$('#DumyDDp').append($('<option>', {
value: "1",
text: "ABC"
}));
$("#DumyDDp").val("1");
});
不要使用jquery添加项 要禁用和启用,请使用属性下拉列表。 该值无法更新,因为该对象可能在某个位置继承 请在整个应用程序中使用对象。 像 对于示例,我添加了如下内容。您可以根据需要更改obj名称 以有角度的方式走。使用data.model显示所选项目
<select name="repeatSelect" id="repeatSelect" ng-model="data.model">
<option ng-repeat="option in data.availableOptions" value="{{option.id}}">{{option.name}}</option>
</select>
<button type="button" class="btn OtherButton" ng-click="AddItem()">Add item</button>
//In Controller
$scope.AddItem=function(){
data.availableOptions.push({ id: "1",
name: "ABC"});
}
展示你做了什么?你能通过一些示例代码吗?无法从给定文本中识别问题。因此不是代码编写服务。你的问题以现在的形式读起来像是我不会被打扰;有人能帮我做吗?@JeevaJsb请现在看一下。更新答案。请检查并告诉我是否有任何问题。有一个名为otherButton的seprate按钮,单击它,我将添加一个项目到下拉列表中,并使该项目在下拉列表中处于选中状态,然后我希望在下拉列表中添加新项目后,第二个名为Save的按钮在默认情况下已被禁用。是的,您可以这样做。第一次使用$scope.obj.dropdown=false。因此,“保存”按钮将被禁用。单击otherbutton后,它将调用AddItem方法,在那里您可以设置为$scope.obj.dropdown=true,然后这将启用该按钮
<select name="repeatSelect" id="repeatSelect" ng-model="data.model">
<option ng-repeat="option in data.availableOptions" value="{{option.id}}">{{option.name}}</option>
</select>
<button type="button" class="btn OtherButton" ng-click="AddItem()">Add item</button>
//In Controller
$scope.AddItem=function(){
data.availableOptions.push({ id: "1",
name: "ABC"});
}