Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/401.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击按钮后在url中输入文本值_Javascript - Fatal编程技术网

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

Javascript 单击按钮后在url中输入文本值,javascript,Javascript,我想知道如何从文本字段中输入文本值,并在单击搜索按钮后将其添加到url中。到目前为止,我无法使输入值显示在url中。所以我得到的是: <input type="text" id="myText" value="Mickey"> <button onclick="myFunction()">Search</button> 搜寻 还有javascript: function myFunction() { var x = document.getElement

我想知道如何从文本字段中输入文本值,并在单击搜索按钮后将其添加到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>'
函数myFunction(){
var x=document.getElementById(“myText”).value;
}
var源代码=“”
如何获取x值以显示输入文本字段中的值


提前感谢。

x
确实获得了输入字段的值,但是您的
sourceCode
字符串构建充满了错误(
x
在双引号内,
image
未定义,等等)。它也位于
myFunction()
之外,因此
x
也未定义,并且在任何情况下都将在单击之前执行。如果您注释掉该行并在
myFunction()
中添加
alert(x)
,您可以看到确实捕获了输入,但脚本失败并停止运行。

尝试以下操作:

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>';
}
函数myFunction(){
var x=document.getElementById(“myText”).value;
var sourceCode='';
}

您希望将此
元素显示在何处?您可以先将末尾卷曲移动到var sourceCode之后,然后还需要对x执行一些操作-例如
位置=”http://www.domain.com/cat/“+x
而不是
a href