如何按名称获取选项元素的值

时间:2016-07-30 15:31:42

标签: javascript dom

首先,我完全不了解JavaScript。

我尝试从下面的HTML列表中返回一个选项的值。

示例:

  • 我有var:"NAME_1"
  • 我需要返回字符串:"number:50640"

这是如何完成的?

<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>

2 个答案:

答案 0 :(得分:0)

这是如何获得价值:

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

这是用户选择时的绑定方式:

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

var selectVal=  this.value;

});

答案 1 :(得分:0)

您可以使用

访问控件
var selectBox = document.getElementById('upsell_product');

并读取所选的选项值

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