时间戳

首页 > 解决方案 > 检查按钮单击时的选择值，然后根据值触发命令

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

问题描述

我正在尝试基于选择下拉值启动命令。如果值为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>

标签： javascripthtmljqueryselect

解决方案

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

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>

推荐阅读