jquery dropdownlist,onchange重新加载页面使用ID为下拉值的Get请求

Question

当有人选择下拉列表中的项目时,我想重新加载当前页面,其中包含查询字符串中所选项目中ID的值,如:

http://www.example.com/mypage?id=234

我怎样才能做到这一点？

Answer 1

您可以使用Dutchie432提到的原始javascript版本或jQuery版本.

<select id="the_select">
  <option value="123">Go to 123</option>
  <option value="456">Go to 456</option>
<select>

<script type="text/javascript">
$(function(){
  $("#the_select").change(function(){
    window.location='http://www.domain.com/mypage?id=' + this.value
  });
});
</script>

Answer 2

不需要jQuery.在这种情况下,基本的Javascript会对你很好.

只需在下拉列表中添加"onchange"事件即可

<select onchange="doAction(this.value);">
  <option value="123">Go to 123</option>
  <option value="456">Go to 456</option>
<select>

然后,添加值更改时调用的函数

<script type="text/javascript"><!--
    function doAction(val){
        //Forward browser to new url
        window.location='http://www.domain.com/mypage?id=' + val;
    }
--></script>

或紧凑版本,没有单独的JS代码

<select onchange="window.location='http://www.domain.com/mypage?id=' + this.value;">
  <option value="123">Go to 123</option>
  <option value="456">Go to 456</option>
<select>

Answer 3

<select id="items" onselect="javascript:reloadPage(this)">
  <option name="item1">Item 1</option>
</select>

脚本：

function reloadPage(id) {
   document.location.href = location.href + '?id=' + id.value;
}