javascript - 在选择标签中更改时获取所选值

Question

我要开一家店。快完成了，但我坚持让客户更改产品购物车中的数量并让价格动态变化。

我制作了一个包含 10 个选项的选择标签，其中选择了所选数量。我希望用户能够单击选择，选择其他金额并在实时预览中计算价格。但我不知道如何选择所有选择标签并在每个选项上放置一个点击事件。

我试过这样的:

<select class="st" name="">
   <option>1</option>
   <option>2</option>
   <option>3</option>
   <option>4</option>
   <option>5</option>
</select>

和我的jquery:

var st = $('.st');

st.change(function(){
var str = "";
$( ".st option:selected").each(function() {
    str = $(this).text();
    console.log(str);
  });
})

但是我正在从每个选择标签中选择一个。我希望它只是安慰我在我单击的选择标签中选择的那个。我该怎么做？

Answer 1

可以获得当前<select>的值直接，通过这样做:

var st = $('.st');

st.change(function(){
    // $(this) references the current <select>
    console.log($(this).val());
})