Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 在下拉列表中添加列表项后启用禁用按钮_Jquery_Angularjs_Button_Dropdown - Fatal编程技术网

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

我通过jquery将一个项目添加到下拉列表中,并使其处于选中状态,但禁用按钮无法在其处于选中状态后启用

<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"});
        }