我想将搜索栏中的值显示到“ ”的搜索结果中。
这是我到目前为止所得到的,为什么这不起作用?
<!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>
您要复制的数据位于等号的右侧,您要放置的位置位于等号的左侧。
document.getElementById("result").innerHTML = document.getElementById("autocomplete").value;
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>