我如何仅使用javascript而不使用jquery从select2获取值

Question

我试图通过更改事件获取 select2 的值，但我只找到使用 jquery 的方法，并且我只想使用 javascript。

selectProduct.addEventListener('change', () => {
            console.log(selectProduct.value)
//test
        })

Answer 1

如果我满足了您的需求...那么看看这是否能满足您：

MyProduct.addEventListener
(
  'change', Event =>
  {
    console.log( 'The <select> value:', Event.target.value );
  }
);

<select id="MyProduct">
  
  <option selected></option>
  
  <option value="My Product #1 Option Value"> PRODUCT # 1 </option>
  <option value="My Product #2 Option Value"> PRODUCT # 2 </option>
  <option value="My Product #3 Option Value"> PRODUCT # 3 </option>
  <option value="My Product #4 Option Value"> PRODUCT # 4 </option>
  <option value="My Product #5 Option Value"> PRODUCT # 5 </option>
  
</select>

运行代码片段并更改选择框以在控制台上查看效果。