Javascript，更改链接的中间部分

我有一个链接项目列表，我只想根据输入字段更改链接的一部分

例如：

http://www.myexamplepage.com/?q=%22ITEM1%22&sort=date&from=2017-01-11&to=2017-01-20

因此，如果我想这样做：

<form><input id="date"><input></form>

<a href="http://www.myexamplepage.com/?q=%22ITEM1%22&sort=date&from=XXXXXX&to=XXXXXX">

<a href="http://www.myexamplepage.com/?q=%22ITEM2%22&sort=date&from=XXXXXX&to=XXXXXX">

<a href="http://www.myexamplepage.com/?q=%22ITEM3%22&sort=date&from=XXXXXX&to=XXXXXX">

我找到的所有解决方案都与此类似，或者它们完全改变了链接中XXXXXX之后的所有内容

任何提示？
您可以使用
indexOf
和
subString
剪切url字符串的一部分。
小提琴示例：

另外，您的HTML是无效的：
不是有效的输入元素。是的，这只是一个示例，远远超出了要点。
var string = 'http://www.myexamplepage.com/?q=%22ITEM3%22&sort=date&from=XXXXXX&to=2017-01-20';

var startingPoint = string.indexOf('from=') + 5;
var endingPoint = string.indexOf('&to');

string.substring(startingPoint, endingPoint);