在HTML中显示值

时间:2018-05-16 20:20:02

标签: javascript html

我想将搜索栏中的值显示为“”的搜索结果。

这是我到目前为止所做的,为什么这不起作用?

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<input type="text" id="autocomplete" value="" placeholder="Search for names.." title="Type in a name">
<p>
Search results for  "<span id="result"></span>"
</p>

<button onclick="myname();"> Button </button>

<script>
function myname () {
	document.getElementById("autocomplete").value = document.getElementById("result").innerHTML; 
}
</script>
</body>
</html>

2 个答案:

答案 0 :(得分:6)

您要复制的数据位于等号的右侧手侧,您要放置的位置位于左侧

document.getElementById("result").innerHTML = document.getElementById("autocomplete").value;

答案 1 :(得分:3)

因为你的作业是错误的。

document.getElementById("autocomplete").value = document.getElementById("result").innerHTML

应该是:

document.getElementById("result").innerHTML = document.getElementById("autocomplete").value;

&#13;
&#13;
<input type="text" id="autocomplete" value="" placeholder="Search for names.." title="Type in a name">
<p>
Search results for  "<span id="result"></span>"
</p>

<button onclick="myname();"> Button </button>

<script>
function myname () {
	document.getElementById("result").innerHTML = document.getElementById("autocomplete").value; 
}
</script>
&#13;
&#13;
&#13;