Wie man einen Wert in der Dropdown-Liste basierend auf dem Wert aus der Datenbank

Question

auswählt Ich habe eine dropdown, die drei Optionen User, Instructor und Player hat.

Jetzt habe ich eine table, die die list of all users aus der Datenbank anzeigt.

Die username, firstname, lastname und eine Spalte "Change Authority". Diese Change Authority-Spalte hat die dropdown mit drei Optionen 'user', 'player' und 'instructor' sowie eine Schaltfläche zum Speichern.

Jetzt möchte ich die Drop-Down auf Auto wählen Sie die authority davon ist user.

Für ex: Wenn A Person authority von Player hat der Drop-Down soll Spieler haben als ausgewählte und wenn B Person hat authority als instructor er den entsprechenden Drop-Down ausgewählt mit Instruktor haben sollte.

Kann mir jemand dabei helfen. Vielen Dank.

Die erste war

 <select > 

     <option value="${user[1]}" selected> 
<c:out value="${user[1]}" /></option> // this gives the current authority of person from database 
       <option value="1"> User </option> 
     <option value="2"> Player </option> 
     <option value="3"> Instructor </option> 
       </select> 

Also habe ich versucht, so etwas wie

<select> 
<option value="1" <c:if test="${user[1] == User}"> 
         </c:if>>User</option> 
<option value="2" <c:if test="${user[1] == Player}"> 
        </c:if>> Player </option> 
<option value="3" <c:if test="${user[1] == Instructor}"> 
        </c:if>> Instructor</option> 

Answer 1

ich denke, das ist das, was Sie suchen. Wenn Sie eine bestimmte Option in einem <select> Dropdown standardmäßig auswählen möchten, fügen Sie einfach die selected Attribut zu diesem <option>

<select id="role"> 
    <option value="user">User</option> 
    <option value="instructor">Instructor</option> 
    <option value="player" selected>Player</option><!-- selected by default --> 
</select> 

es in JavaScript ein:

document.getElementById('role').value = 'player'; 

Answer 2

Hier ist ein Beispiel von vielen zu Wählen Sie automatisch einen Dropdown-Wert aus der Datenbank aus.

public List<DefaultDropDownListModel> LoadTurnAroundTimesTypes(ESAMPR_Entities db) 
    { 
     List<DefaultDropDownListModel> list = new List<DefaultDropDownListModel>(); 

     var qry = db.AR_TAT.OrderBy(x => x.SEQUENCE); 
     foreach(var i in qry) 
     { 
      DefaultDropDownListModel model = new DefaultDropDownListModel(); 
      model.Value = i.AR_TAT_NUM; 
      model.Name = i.AR_TAT_NUM; 
      model.Selected = i.DEFAULT_SELECTION == "1" ? true : false; 
      list.Add(model); 
     } 

     return list; 
    } 

<select id="AR_TAT" class="form-control" name="arvm.AR_TAT"> 
<option value=""></option> 
@foreach (var item in Model.TurnAroundTypes) 
{ 
    if (item.Selected) 
    { 
     <option value="@item.Value" selected>@item.Name</option> 
    } 
    else 
    { 
     <option value="@item.Value">@item.Name</option> 
    } 
} 

Answer 3

Hier ist eine Arbeitslösung unter Verwendung von Winkeln. Sie müssen lediglich eine REST-API auf Ihrem Server bereitstellen. Ich kann ein Beispiel in PHP und MySQL tun ...

var app = angular.module('app', []) 
 
     .controller('MainCtrl', function($scope, $http) { 
 
     // you should get users from server 
 
     /*$http.get('yourServerApiUrl').then(function(responseFromApi) { 
 
      $scope.simulatedUser = responseFromApi; 
 
     });*/ 
 
     // lets just simulate them 
 
     $scope.simulatedUsers = [{ 
 
      username: 'username1', 
 
      firstname: 'John', 
 
      lastname: 'Bon', 
 
      autority: 'Player' 
 
     }, { 
 
      username: 'user2', 
 
      firstname: 'Alex', 
 
      lastname: 'Noi', 
 
      autority: 'User' 
 
     }, { 
 
      username: 'username3', 
 
      firstname: 'Fred', 
 
      lastname: 'Mer', 
 
      autority: 'Player' 
 
     }, { 
 
      username: 'username4', 
 
      firstname: 'Gal', 
 
      lastname: 'Ban', 
 
      autority: 'User' 
 
     }, { 
 
      username: 'user5', 
 
      firstname: 'Va', 
 
      lastname: 'Ben', 
 
      autority: 'Instructor' 
 
     }]; 
 
     // array of possible autorities 
 
     $scope.autorities = ['User', 'Player', 'Instructor']; 
 

 
     //submit to the server 
 
     $scope.submit = function() { 
 
      //$http.post('yourServerApiUrl', $scope.simulatedUsers); 
 
      alert('users saved'); 
 
     }; 
 
     });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<!DOCTYPE html> 
 
<html ng-app="app"> 
 
<head> 
 
    <link data-require="bootstrap-css@3.3.6" data-semver="3.3.6" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.css" /> 
 
</head> 
 
<body ng-controller="MainCtrl"> 
 
    <form ng-submit='submit()'> 
 
    <table class="table table-responsive table-hover"> 
 
     <thead> 
 
     <tr> 
 
      <th>username</th> 
 
      <th>firstname</th> 
 
      <th>lastname</th> 
 
      <th>autority</th> 
 
     </tr> 
 
     </thead> 
 
     <tbody> 
 
     <tr ng-repeat="u in simulatedUsers"> 
 
      <td>{{ u.username }}</td> 
 
      <td>{{ u.firstname }}</td> 
 
      <td>{{ u.lastname }}</td> 
 
      <td> 
 
      <select class='form-control' ng-model="u.autority" ng-options="o for o in autorities"></select> 
 
      </td> 
 
     </tr> 
 
     </tbody> 
 
    </table> 
 
    <button class='btn btn-success'>Save</button> 
 
    </form> 
 
</body> 
 
</html>