检查按钮单击时的选择值，然后根据值触发命令

【问题标题】：Checking Select value on button click, then firing command based on value检查按钮单击时的选择值，然后根据值触发命令
【发布时间】：2021-09-17 10:18:10
【问题描述】：

我正在尝试根据选择下拉值启动命令。如果值为 Alabama 或 Alaska，则页面应重定向到另一个网页。如果值为 California，则页面不变。

我不想检查 onchange 的值，而是应该在用户单击下拉菜单后的按钮时检查。

这是 jsfiddle 供参考：https://jsfiddle.net/41qpawr8/1/

我认为这可以在 Javascript 或 JQuery 中完成，但我还不够好，无法继续。在此先感谢:)

<select class="select-state" name="state" id="administrative_area_level_1">
          <option value="">-</option>
          <option value="AL">Alabama</option>
          <option value="AK">Alaska</option>
          <option value="CA">California</option>
</select>

<button id="check">
Check
</button>

【问题讨论】：

标签： javascript html jquery select

【解决方案1】：

在按钮上添加click事件监听器，检查select的值是AL还是AK，如果是，我们可以通过给window.location分配一个url来重定向：

const select = document.querySelector('select');
const locationToRedirectTo = "https://stacksnippets.net";
check.addEventListener('click', function() {
  if (select.value == "AL" || select.value == "AK") {
    location = locationToRedirectTo;
  }
})

<select class="select-state" name="state" id="administrative_area_level_1">
  <option value="">-</option>
  <option value="AL">Alabama</option>
  <option value="AK">Alaska</option>
  <option value="CA">California</option>
</select>

<button id="check">
Check
</button>

【讨论】：