如何在angularjs中的其他下拉列表中填充选择值的一个下拉列表 [英] How to populate one dropdown on selection of values from other dropdown in angularjs
问题描述
你好,
我有两个下拉菜单1.州和2.城市。我正在使用Select2.min.js库在下拉列表中显示多个选项(State)。
我想根据我在angularjs中选择的州数来填充城市。
以下是代码我正在尝试但是徒劳:
HTML:
< select id =ddlStatePersonnelclass =form-controlmultiple =multipledata-ng-model =vm.states.StateIDng-change =vm.getAllCities(vm.states.StateID);>
< option ng-repeat =vm.states中的项目ng-selected =item.selected
ng-model =vm.states.StateID> {{item.Name } $
< / option>
< / select>
< select data-ng-model =vm.cities.CityNamedata-ng-options =item.CityName for item in vm.cities> ;
< option value =>选择城市< /选项>
< / select>
Javascript
$(凭证).ready(function(){
// alert( '准备就绪');
$ .getScript('// cdnjs.cloudflare.com/ajax/libs/select2/3.4.8/select2.min.js ',function(){
$(#ddlStatePersonnel)。select2({
closeOnSelect:false,
占位符:请选择声明
});
//}}。on(change,function(element,checked){
我应该如何在这里捕获多个状态ID并调用WEB API来获取这些城市。
}
);
});
谢谢:)
Hello,
I have two dropdowns 1. State and 2. Cities. I am using Select2.min.js library to have multiple selection in dropdown (State).
I want to populate cities depending on number of States I select in angularjs.
Below is the code I am trying but in vain:
HTML:
<select id="ddlStatePersonnel" class="form-control" multiple="multiple" data-ng-model="vm.states.StateID" ng-change="vm.getAllCities(vm.states.StateID);">
<option ng-repeat="item in vm.states" ng-selected="item.selected"
ng-model="vm.states.StateID" >{{item.Name}}
</option>
</select>
<select data-ng-model="vm.cities.CityName" data-ng-options="item.CityName for item in vm.cities">
<option value="">Select City</option>
</select>
Javascript
$(document).ready(function () {
// alert('Entering Ready');
$.getScript('//cdnjs.cloudflare.com/ajax/libs/select2/3.4.8/select2.min.js', function () {
$("#ddlStatePersonnel").select2({
closeOnSelect: false,
placeholder: "Please select states"
});
//}).on("change", function (element, checked) {
HOW SHOULD I CAPTURE multiple STATE IDS HERE AND CALL WEB API TO GET THOSE CITIES.
}
);
});
Thank you :)
推荐答案
(document).ready(function(){
//警报('准备就绪');
(document).ready(function () {
// alert('Entering Ready');
.getScript('// cdnjs.cloudflare.com/ ajax / libs / select2 / 3.4.8 / select2.min.js',function(){
.getScript('//cdnjs.cloudflare.com/ajax/libs/select2/3.4.8/select2.min.js', function () {
(#ddlStatePersonnel)。select2({
closeOnSelect:false,
占位符:请选择州
});
//}).on(\"change,function(element,checked){
我应该如何在这里捕获多个状态ID并调用WEB API去那些城市。
}
);
});
谢谢:)
("#ddlStatePersonnel").select2({
closeOnSelect: false,
placeholder: "Please select states"
});
//}).on("change", function (element, checked) {
HOW SHOULD I CAPTURE multiple STATE IDS HERE AND CALL WEB API TO GET THOSE CITIES.
}
);
});
Thank you :)
这篇关于如何在angularjs中的其他下拉列表中填充选择值的一个下拉列表的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!