如何更改<select>的URL

时间:2017-06-21 16:21:52

标签: javascript php jquery html

这是我的代码: &#13; &#13; &lt; form action =&#34;&#34;方法=&#34; GET&#34;&GT;&#13; &lt; select onchange =&#34; this.form.submit()&#34;名称=&#34; sortby&#34;&GT;&#13; &lt;选项值=&#34; 1&#34;&gt;选项1&lt; /选项&gt;&#13; &lt;选项值=&#34; 2&#34;&gt;选项2&lt; /选项&gt;&#13; &lt; option value =&#34; 3&#34;&gt;选项3&lt; / option&gt;&#13; &lt; option value =&#34; 4&#34;&gt;选项4&lt; / option&gt;&#13; &lt; option value =&#34; 5&#34;&gt;选项5&lt; / option&gt;&#13; &LT; /选择&GT;&#13; &#13; &#13; 现在,当我提交这篇文章时,我希望网址是这样的: ?页=&#34; $页面&#34;&安培;标签=&#34; $标签&#34;&安培; sortby = SELECTEDVALUEHERE

3 个答案:

答案 0 :(得分:1)

我将假设您正在使用php ...如果是这样,请使用此代码。 $_SERVER['REQUEST_URI']会返回当前页面,您可以根据需要修改代码。

<form action="" method="GET">
<input type="hidden" name="page" value=<?php echo '"' . $_SERVER['REQUEST_URI'] . '"'>
<input type="hidden" name="tag" value="yourTag">
<select onchange="this.form.submit()" name="sortby">
<option value="1">Option 1 </option>
<option value="2">Option 2 </option>
<option value="3">Option 3 </option>
<option value="4">Option 4 </option>
<option value="5">Option 5 </option>
</select>

修改: 上面的代码提供了此网址:/index.php?page=index.php&tag=yourTag&sortby=3

答案 1 :(得分:1)

这是解决方案。

<form action="" method="GET">
<select onchange="this.form.submit()" name="sortby">
<option value="1">Option 1 </option>
<option value="2">Option 2 </option>
<option value="3">Option 3 </option>
<option value="4">Option 4 </option>
<option value="5">Option 5 </option>
</select>
<input type="hidden" name="page" value="<?php echo $page ?>" />
<input type="hidden" name="tag" value="<?php echo $tag ?>" />
</form>

答案 2 :(得分:0)

在表单操作中使用,

yourphpfile.php?page=".$page."&tag=".$tag."