使用angularjs怎么實(shí)現(xiàn)動(dòng)態(tài)獲取下拉框的值

使用angularjs怎么實(shí)現(xiàn)動(dòng)態(tài)獲取下拉框的值？針對(duì)這個(gè)問(wèn)題，這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答，希望可以幫助更多想解決這個(gè)問(wèn)題的小伙伴找到更簡(jiǎn)單易行的方法。

js文件：

 //職務(wù)等級(jí)和檔次/軍銜等級(jí)和檔次,需要從后臺(tái)獲取: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);
 });
 };

界面：

<!-- 空格空開來(lái)區(qū)分職務(wù)等級(jí) -->
<div class="item" >
<label class="list_tit">職務(wù)等級(jí)</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>請(qǐng)選擇</option>
</select> -->

</div>
</div>

===============分割線,2017年7月20日17:07:14-============

后面遇到一個(gè)問(wèn)題,當(dāng)新增了一個(gè)下拉選項(xiàng),需要刷新了下拉的list,但就會(huì)默認(rèn)顯示第一個(gè),沒(méi)有獲取剛開始顯示界面的值,需要使用apply進(jìn)行更新：

addInfo.addInfoView.positionRank=0;
						$scope.poslist=json.content;
						setTimeout(function() { 
					   $scope.$apply(function() { 
					  	 addInfo.addInfoView.positionRank=yuanPos;
					   }); 
					 }, 1000);

html上：

<!-- 空格空開來(lái)區(qū)分職務(wù)等級(jí) -->
				<div class="item" >
					<label class="list_tit">職務(wù)等級(jí)</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>

關(guān)于使用angularjs怎么實(shí)現(xiàn)動(dòng)態(tài)獲取下拉框的值問(wèn)題的解答就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，如果你還有很多疑惑沒(méi)有解開，可以關(guān)注億速云行業(yè)資訊頻道了解更多相關(guān)知識(shí)。