![](/img/trans.png)
[英]Can not set selected value in select tag using angular.js and PHP
[英]Can not set value as dropdown selected value using angular.js
我有一個問題。當我從數據庫中獲取值並嘗試使用angular.js在html視圖上設置這些值時,我在下面解釋我的代碼。
我的控制器文件包含以下代碼。
$http({
method: 'POST',
url: "php/homeuserrole/editRoleData.php",
data:userdata,
headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
}).then(function successCallback(response){
//console.log('edited data',response.data[0].user_role);
$scope.user_role=response.data[0].user_role;
$scope.user_name.value=response.data[0].user_name;
$scope.buttonName="Update";
},function errorCallback(response) {
});
在成功函數內部,我將值綁定到以下html視圖。
<div class="input-group bmargindiv1 col-md-12">
<span class="input-group-addon ndrftextwidth text-right" style="width:180px">User Name :</span>
<select id="coy" name="coy" class="form-control" ng-model="user_name" ng-options="user.name for user in listOfName track by user.value" >
<!--<option value="">Select course</option>-->
</select>
</div>
</div>
<div class="col-md-6">
<!--<div class="input-group bmargindiv1 col-md-12">
<span class="input-group-addon ndrftextwidth text-right" style="width:180px">Login Name :</span>
<input type="text" name="itemname" id="contactno" class="form-control" placeholder="add Login Name" ng-model="login_name" >
</div>-->
<div class="input-group bmargindiv1 col-md-12">
<span class="input-group-addon ndrftextwidth text-right" style="width:180px">User Role :</span>
<select id="coy" name="coy" class="form-control" ng-model="user_role" >
<option value="">Select User Role</option>
<option value="Princpal">Princpal</option>
<option value="HOD">HOD</option>
<option value="Lab Assistance">Lab Assistance</option>
<option value="Professor ">Professor</option>
<option value="Ast.Professor ">Ast.Professor</option>
</select>
</div>
</div>
在這里我可以在第一個下拉列表( ie-user name
)中設置值,但不能在第二個下拉列表( ie-user Role
)中設置值。執行該成功功能時它顯示為空白。請幫助我解決此問題。
我認為,您還需要在第二個下拉列表中提及ng-options。 像這樣-
ng-options="user.name for user in listOfName track by user.value"
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.