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

Question

使用“ http：// localhost：8000 / test.html ”的URL

我想将URL更改为“ 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();

Answer 1

你可以这样做

<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/

希望这可以帮助

Answer 2

找到此问题的解决方案：

var urlpath = window.location.origin + window.location.pathname; window.location = urlpath +'？countrycode ='+值;

谢谢