更改下拉列表选定值

Posted 2023-05-07

【中文标题】更改下拉列表选定值

【英文标题】：Change Dropdown List Selected Value

【发布时间】：2015-05-12 16:20:08

【问题描述】：

我已经尝试在 jQuery 中做到这一点：

var dropdownlist = $("#Instrument").data("kendoDropDownList");
dropdownlist.select(function(dataItem) 
    return dataItem.symbol === "test";
);

来源： - http://jsfiddle.net/OnaBai/mRmNJ/ - Change selected value of kendo ui dropdownlist

有没有办法在不直接访问 DOM 的情况下使用 AngularJS 做到这一点？

【问题讨论】：

绑定在 Angular 中的工作方式与在 jquery 中不同。查看 ng-model 指令。它用于以角度绑定事物。

【参考方案1】：

在 Angularjs 中更改下拉列表选定值 实时代码是：http://jsfiddle.net/RLQhh/992/

controller.js

app.controller('SelectController', function ($scope) 

    $scope.data = [
     "symbol": "GOOG" , 
     "symbol": "AAPL" ,
     "symbol": "HPQ" ,
     "symbol": "CSCO" 
    ];

    $scope.label = '';
    $scope.change = function()
    $scope.label =$scope.data[2].symbol;
    

);

HTML 代码是

<div ng-controller="SelectController">
    <Button ng-click="change()" >Button</Button>
    <select class="form-control"  ng-model="label" ng-change="showTask()"   ng-options="d.symbol as d.symbol for d in data" >
                <option value="" disabled>Select Task</option>
                            </select>
</div>