在Wordpress中构建<select>表单</select>

Question

好的，所以我想要一个下拉选择表单，当在特定状态下选择时，用户将被重定向到我在我的网站上的状态页面（www.mysite.com/california）

 <div id="DropDown">
 <h3 class="Header">Pick Your State</h3>

 <select id="state">
     <option value="www.mysite.com/california">California</option>
     <option value="www.mysite.com/utah">Utah</option>
 </select>

 </div>

我需要做什么才能执行选项值并将用户重定向到网址？

Answer 1

您需要在javascript或jquery中进行重定向。

类似于以下页面中建议的内容：

How do I create a drop-down menu that redirects to a new page when selected?

Answer 2

你需要js / jquery。 Wordpress有jQuery所以这样就足够了：

$('select#state').on('change', function() {
    window.location.replace($(this).children('option:selected').val());
});

Answer 3

你真的应该考虑用一个按钮来做<select>。对于使用键盘或辅助技术（如屏幕阅读器）的人来说，这种行为非常烦人。