Question

我想知道如何从文本字段输入文本值，并在单击“搜索”按钮后将其添加到URL中。到目前为止，我无法使输入中的值显示在url中。所以我拥有的是：

<input type="text" id="myText" value="Mickey">
<button onclick="myFunction()">Search</button>

和javascript：

function myFunction() {
var x = document.getElementById("myText").value;
}
var sourceCode = '<a href="http://www.domain.com/cat/' + x ">' + '<img src="' + imageBase + image + '" width="'+sizes[0]+'" height="'+sizes[1]+'"/></a>'

如何让x值显示输入文本字段中的值？

提前致谢。

Answer 1

x确实获得了输入字段的值，但是sourceCode的字符串版本存在错误（x在双引号内，image是undefined等）。它也位于myFunction()之外，因此x也未定义，并且无论如何都会在您点击之前执行。如果您注释掉该行并在alert(x)中添加myFunction()，则可以看到您确实捕获了输入，但脚本失败并停止运行。

Answer 2

试试这个：

function myFunction() {
    var x = document.getElementById("myText").value;
    var sourceCode = '<a href="http://www.domain.com/cat/' + x + '">' + '<img src="' + imageBase + image + '" width="'+sizes[0]+'" height="'+sizes[1]+'"/></a>';
}

单击按钮后在url中输入文本值

2 个答案: