javascript - 选择选项后重定向

Question

我有这个脚本，它为我提供了用户菜单的可能性。

如何让用户在做出特定选择后重定向到特定页面？

<form action="...">
    <select name="name">
        <option>Option 1</option>
        <option>Option 2</option>
    </select>
</form>

选项 1 = option1.php
选项 2 = option2.php

Answer 1

您想在选择选项本身时重定向，还是在提交表单时重定向，在前一种情况下，您需要在jquery(客户端)中进行重定向，而在后者中，您可以在表单提交时在服务器端进行重定向。

对于客户端:

jQuery("#select_id").on('change', function(){
   var urlPath = jQuery(this).val().data('url');
   window.location.href = "http://www.projecturl.com/"+urlPath;
});

鉴于选择 ID 如下所示，

<select id="select_id">
   <option data-url="option1.php">Option 1</option>
   <option data-url="option2.php">Option 2</option>
</select>

对于服务器端:

您需要根据您收到的参数在表单提交操作中编写重定向逻辑。