在 HTML 中显示值

问题描述 投票:0回答:2

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

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

<!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>

javascript assignment-operator
2个回答
6
投票

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

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

3
投票
因为你的作业是错误的。

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

应该是:

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

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

© www.soinside.com 2019 - 2024. All rights reserved.