AngularJS Immer den Wert eines ausgewählten dropdown-option in einer Variablen

Habe ich dropdown-Auswahl-Menü & senden möchten, in der dropdown ausgewählten Wert in request-params-api. Mein code ist...

<select class="form-control" id = "SelectionInput_reason">
   <option name="careerType" value="type_1">Career</option>
   <option name="examType" value="type_2">Exams</option>
</select>

getValue = function() {
    var selectedValue = this.value;
    var selectedText = this.options[this.selectedIndex].getAttribute('name');
    alert(selectedValue); 
    alert(selectedText); 
} 
document.getElementById('SelectionInput_reason').addEventListener('change', getValue );

Bitte nur Antworten geben in angularJS, wenn möglich...

auch, wie bekomme ich die text-Eingabe tinymceeditor in eine variable ?

$scope.tinymceModel = 'Initial content';
        $scope.getContent = function() {
          console.log('Editor content:', $scope.tinymceModel);
        };
        $scope.setContent = function() {
          $scope.tinymceModel = 'Time: ' + (new Date());
        };
        $scope.tinymceOptions = {
          selector: 'textarea',
          //plugins: 'link image code',
          toolbar: ' bold italic | undo redo | alignleft aligncenter alignright | code'
        };

HTML ist..

<div class="form-group">
     <textarea ui-tinymce="tinymceOptions" id="jander" ng-model="tinymceModel" placeholder="Ask your question" class="form-control"></textarea>
 </div>

Wenn u wollen, dass wir geben Antwort in angular js, bitte poste deinen code, die Ihren eckigen controller atleast.
der code im controller selbst, seine nur eine Funktion, die ich brauche.

InformationsquelleAutor srv | 2016-06-13

0

Hier ist ein Beispiel-code mit einer Geige befestigt

JS:
```
var myApp = angular.module('myApp', []);

myApp.controller('MyCtrl', function($scope) {

  $scope.shelf = [{
    'name': 'Banana',
    'value': '$2'
  }, {
    'name': 'Apple',
    'value': '$8'
  }, {
    'name': 'Pineapple',
    'value': '$5'
  }, {
    'name': 'Blueberry',
    'value': '$3'
  }];

  $scope.cart = {
     'fruit': $scope.shelf[0]
  };
});
```
HTML:
```
<div ng-controller="MyCtrl">
  <div>
    Fruit List:
    <select ng-model="cart.fruit" ng-options="state as state.name for state in shelf"></select>
    <br/>
    <tt>Cost & Fruit selected: {{cart.fruit}}</tt>
  </div>

</div>
```
Fiddle link : http://jsfiddle.net/Td2NZ/1867/

Mein Rat in diesem Szenario ist, versuchen zu halten, alle input-Möglichkeiten, wie ein Js-Objekt (Wie $scope.Regal in diesem code) Ursache das ist, was Eckig ist gebaut für starre und robuste Verarbeitung der Daten, schließlich könnten Sie laden Sie einfach die Optionen von einem server-oder json-Datei und nicht mit zu berühren Sie Ihre HTML-Code auf alle!

Hoffe, das hilft!
- wie kann ich den ersten Wert als Standardwert ausgewählt...?
- Seine nur Sie haben, um das ng-Modell, das cart.Obst zum ersten Objekt in der scope.Regal , ich habe aktualisiert die Codes überprüfen!
- Danke dir fiddle geholfen. Ihre Ausführung Code-Snippet funktioniert nicht btw
InformationsquelleAutor BlackBurn027
1

Binden model in Ihrer select-dropdown. Wie unten
```
<select class="form-control" id = "SelectionInput_reason" data-ng-model="inputReason">
```
In Ihrem controller erhalten Sie ausgewählte option

console.log($scope.inputReason)
- #Vineet Es zeigt ist nicht definiert, können Sie bringen Sie mir bitte ein Turnschuh, wenn möglich ?
InformationsquelleAutor Vineet

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.