如何从 javascript（事件）对象中获取选定值

Question

我正在尝试从事件中获取选定的值。

不知道用什么方法获取这个值。有什么建议吗？

//update item quantity
cartList.on('change', 'select', function (event) {
   var row = $(event.target).parents('.product');
   updateItemQuantity(row.data('row_id'), QUANTITY_IS_SELECTED_VALUE);
   quickUpdateCart();
});

Answer 1

event.target 是触发事件的元素。您可以通过 $(event.target).val() 使用 jQuery 读取它的值。您还可以使用 this 关键字，它包含相同的元素 ($(this).val()).

除了使用 jQuery，您还可以通过 this.options[this.selectedIndex].text 的普通 DOM 方法检索值。

Answer 2

.val()方法中jQueryreturns或设置所选elements.This方法的value属性returns方法的value属性的值第一个匹配元素。

 $(selector).off('change').on('change', function () {
    var selectedValue = $(this).val();
    alert(selectedValue);
    //Your other logic here
  });

Answer 3

使用 pure javascript 您可以找到所选选项和所有相关信息：

console.log(event.target.selectedOptions[0].value);
console.log(event.target.selectedOptions[0].label);

Answer 4

试试这个

event.target.options[event.target.options.selectedIndex].text

Answer 5

您可以通过 class 定位 Select，然后添加一个 onChange 处理程序，并获取值

var selectItem = document.querySelector("select.cartList");
selectItem.addEventListener("change", function(event) {
    var newChangedValue = event.target.value;
    console.log(newChangedValue);
});

如何从 javascript（事件）对象中获取选定值

How to get a selected value from a javascript ( event ) object

javascript

jquery

html-select

jquery-events