Question

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

例如：

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根据输入字段中输入的值而变化。因为链接的另一部分更改（ITEM1，ITEM2，ITEM3等），例如，此解决方案将无法工作：How to change part of HTML href elements with javascript我发现的所有解决方案都与此类似，或者它们在链接中完全更改XXXXXX之后的所有内容。

任何提示？

Answer 1

您可以使用indexOf和subString剪切网址字符串的一部分。小提琴示例：https://jsfiddle.net/xdckhvyp/

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

Javascript，更改链接的中间部分

1 个答案: