选择 - 更改添加URL参数并刷新页面

时间:2017-06-06 05:20:45

标签: javascript html selectize.js

使用“http://localhost:8000/test.html

的网址

我想根据所选的选择值将网址更改为“http://localhost:8000/test.html?countrycode=SG”或“http://localhost:8000/test.html?countrycode=MY”或“http://localhost:8000/test.html?countrycode=IN”。

此外,在选择更改时,它已获得值并刷新页面。

由于

HTML:

<div class="select-container">
  <select class="custom-select">
    <option value="SG">Singapore</option>
    <option value="MY">Malaysia</option>
    <option value="IN">India</option>
  </select>
</div>

JS:

$('.custom-select').selectize();

2 个答案:

答案 0 :(得分:0)

你可以这样做

<div class="select-container">
  <select class="custom-select">
    <option value="SG">Singapore</option>
    <option value="MY">Malaysia</option>
    <option value="IN">India</option>
  </select>
</div>

$(function() {
  $('.custom-select').selectize({
      onChange: function(value) {
        window.location = $getURLPath+'?countrycode=' + value;
      }
  });
});

演示:http://jsfiddle.net/jalayoza/uZmcD/88/

希望这有帮助

答案 1 :(得分:0)

找到这个问题的解决方案:

var urlpath = window.location.origin + window.location.pathname;         window.location = urlpath +&#39;?countrycode =&#39; +值;

由于