Change URL parameters value

Question

Let's consider the two following line:

mydomain.com?quantity=10

<input type="text" name="quantity" size="1" value="1" />

Is there any way for me to automatically change the value of "quantity" in the URL when a new value is typed by the user (by using the input) ?

what do you want to achieve by doing that? do you want to redirect the user to the URL with the updated quantity? or what? — Phani, May 12 '16 at 21:31
You could add a listener to the input and use the methods in this answer to upate the url when the listener fires http://stackoverflow.com/questions/824349/modify-the-url-without-reloading-the-page — IrkenInvader, May 12 '16 at 21:34
Use the [history api](http://stackoverflow.com/a/3340186/978414). — ivann, May 12 '16 at 21:52

score 0 · Answer 1 · answered May 12 '16 at 21:35

0

No. All javascript code affect only the document part of the browser. It can send you to another page where the quantity can be changed though.

answered May 12 '16 at 21:35

Nelson Teixeira

6,297
5
36
73

score 0 · Accepted Answer · edited May 23 '17 at 10:28

Submitting the element value in a form automatically updates the URL with the current value for quantity. If you use the onchange event to trigger submit, the URL will not change until the user clicks outside the input:

<form>
   <input type="text" name="quantity" size="1" value="1"
    onchange="this.form.submit()" />
</form>

Variations of this could look at keyboard events whilst focus is still with the input element. It remains to be seen if reloading the page would be user friendly and it is not clear if this is indeed what you wish to happen. If you don't want to reload the page see the comment and link from @igwan regarding using the history api (check on MDN for browser support).

Change URL parameters value

2 Answers2