So erhalten Sie den Wert eines Optionselementes nach Name

Question

Erstens, ich habe absolut keine Kenntnisse in JavaScript.

Ich versuche, den Wert einer Option aus der HTML-Liste unten zurückzugeben.

Beispiel:

• Ich habe die var: "NAME_1"
• Ich brauche Zeichenfolge zurück: "number:50640"

Wie wird das erreicht?

<select class="form-control select-field ng-pristine ng-valid ng-not-empty ng-touched" id="upsell_product" name="upsell_product" ng-change="productSelected()" ng-options="product.id as product.name for product in products" ng-model="upsell.product_id"> 
 
    
 
    <option value="" class="" selected="selected">-- Select a Product --</option> 
 
    
 
    <option label="NAME_1" value="number:50640">NAME_1</option> 
 
    <option label="NAME_2" value="number:63732">NAME_2</option> 
 
    <option label="NAME_3" value="number:32673">NAME_3</option> 
 
    <option label="NAME_4" value="number:09723">NAME_4</option> 
 
    <option label="NAME_5" value="number:23832">NAME_5</option> 
 

 
</select>

Answer 1

Dies ist, wie Wert erhalten:

var selectVal=document.querySelector("select.select-field").value; 

Dies ist, wie binden, wenn Benutzer wählt:

document.querySelector("select.select-field").addEventListener("change",function(){ 

var selectVal= this.value; 

}); 

Answer 2

Sie die Steuerung zugreifen können

var selectBox = document.getElementById('upsell_product'); 

und lesen Sie den eslected Optionen Wert

var selected = selectBox.options[selectBox.selectedIndex].value;