javascript - 在 JavaScript 中提交时如何更改 URL 中的参数

Question

我希望在传递电子邮件 ID 的值并单击提交后，在新选项卡中操作并打开以下 URL。 myUrl 中的搜索文本是 param对于电子邮件 ID:
HTML:

<textarea name="email" id="email" cols="30" rows="10"></textarea>
<button id="myButton">submit</button>

JavaScript:

const myUrl = new URL('something.com?searchText=weijsdo@hotmail.com&site=something&mobileVersion=&locale=&forceAaaApplication=');

Answer 1

你可以使用这个:
HTML:

<button id="myButton" onclick="sbButtonClick()">submit</button>

JavaScript:

const textarea = document.getElementById("email");
let myUrl = null;

function sbButtonClick() {
    myUrl = new URL(`something.com?searchText=${textarea.value}&site=something&mobileVersion=&locale=&forceAaaApplication=`);

    // do something with myUrl
}

编辑
获取多个电子邮件地址的最简单方法之一是这样的:

const textarea = document.getElementById("email");

function sbButtonClick() {
    // split the text by line breaks so each address should be in a separate line
    const emailArray = textarea.value.split("\n");

    // here you open tab for each email address
    for (let address of emailArray) {
        window.open(`something.com?searchText=${address}&site=something&mobileVersion=&locale=&forceAaaApplication=`);
    }
}