Selectize - on change add URL parameter and refresh the page

Question

URL using "http://localhost:8000/test.html"

I want to change URL to "http://localhost:8000/test.html?countrycode=SG" or "http://localhost:8000/test.html?countrycode=MY" or "http://localhost:8000/test.html?countrycode=IN" based on the selectize value selected.

Also, On select change it have get value and refresh the page.

Thanks

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();

I have given example with live demo as well, please let me know if this not helps — Jalay Oza
– Jalay Oza, Commented Jun 6, 2017 at 5:49

TDG · Accepted Answer · 2017-06-06 09:18:35Z

1

solution found for this question:

var urlpath = window.location.origin + window.location.pathname; window.location = urlpath+'?countrycode=' + value;

Thanks

answered Jun 6, 2017 at 9:18

TDG

1,3124 gold badges21 silver badges50 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jalay Oza · Accepted Answer · 2017-06-06 07:25:43Z

0

You can do this

<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;
      }
  });
});

Demo : http://jsfiddle.net/jalayoza/uZmcD/88/

Hope this helps

edited Jun 6, 2017 at 7:25

answered Jun 6, 2017 at 5:47

Jalay Oza

7627 silver badges11 bronze badges

9 Comments

TDG Over a year ago

Hi.. Thanks for your valuable hints. but, on each change, it adds to the url like test.html?countrycode=uk?countrycode=us?countrycode=us?countrycode=in

TDG Over a year ago

Sorry.. i use like this var $getURLPath = window.location.href; window.location = $getURLPath+'?countrycode=' + value;

Jalay Oza Over a year ago

Hi Yes on each change it will redirect to localhost:8000/test.html?countrycode=MY or SG or whatever contrycode you mention in value of select, I have created demo for you as per my understanding

TDG Over a year ago

Everything works as requrired. But on each change, previous parameter is not removing. new change value getting added to the existing parameter like this "test.html?countrycode=uk?countrycode=us"

Jalay Oza Over a year ago

what you are getting in $getURLPath? you just need $getURLPath = 'http://'+ window.location.hostname+'test.html?countrycode='+ value

|

Collectives™ on Stack Overflow

Selectize - on change add URL parameter and refresh the page

2 Answers 2

Comments

9 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

9 Comments

Your Answer

Sign up or log in

Post as a guest

Related