使用angularjs怎么实现动态获取下拉框的值?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。
js文件:
//职务等级和档次/军衔等级和档次,需要从后台获取:poslist,type:2/3/4/5
$scope.getDyActivityInforItems=function(){
serviceData.getData('inforinput/getAllSelectValueByType','POST',{
type:2
}).then(function(json){
if(json.code==0){
$scope.poslist=json.content;
};
}, function(json){
console.log(json);
});
};
界面:
<!-- 空格空开来区分职务等级 -->
<div class="item" >
<label class="list_tit">职务等级</label>
<div class="item_input" ng-init="getDyActivityInforItems()">
<!-- <select class="fillIn select-able" ng-model="item" ng-options="item as y for y in addInfo.posList" id="dutLevel_view_1" name="dutLevel">
</select> -->
<select class="fillIn select-able" ng-model="selectedPos" id="dutLevel_view_1" name="dutLevel">
<option ng-repeat="x in poslist" value="{{x.select_code}}">{{x.select_name}}</option>
</select>
<span class="imp_list_rema">*</span>
<!--
<select class="fillIn select-able" ng-model="addInfo.addInfoView.positionRank" >
<option value="" selected>请选择</option>
</select> -->
</div>
</div>
===============分割线,2017年7月20日17:07:14-============
后面遇到一个问题,当新增了一个下拉选项,需要刷新了下拉的list,但就会默认显示第一个,没有获取刚开始显示界面的值,需要使用apply进行更新:
addInfo.addInfoView.positionRank=0;
$scope.poslist=json.content;
setTimeout(function() {
$scope.$apply(function() {
addInfo.addInfoView.positionRank=yuanPos;
});
}, 1000);
html上:
<!-- 空格空开来区分职务等级 -->
<div class="item" >
<label class="list_tit">职务等级</label>
<div class="item_input" ng-init="getPosMilSelectValue()">
<select class="fillIn select-able" ng-selected="addInfo.addInfoView.positionRank" ng-model="addInfo.addInfoView.positionRank" id="dutLevel_view_1" name="dutLevel">
<option ng-repeat="x in poslist" value="{{x.select_code}}">{{x.select_name}}</option>
</select>
<span class="imp_list_rema">*</span>
<span ng-click="addInfo.viewInput_add_item=!addInfo.viewInput_add_item;addInfo.addItemName='';selectType=2">
<a href="javascript:;" rel="external nofollow" title=""> + </a></span>
</div>
</div>
关于使用angularjs怎么实现动态获取下拉框的值问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注亿速云行业资讯频道了解更多相关知识。
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。