我是 javascript 的新手,我在 w3schools.com 中找到了这个- 在搜索框中输入密码将显示在 <p>
中标记 !!怎么做 ?任何帮助表示赞赏。提前致谢
HTML :
<form class="form1" role="search" method="get" action="search-pincode.html">
<input class="pincode1" type="number" placeholder="Enter Postcode" id="user-pincode">
<button class="submit" type="submit" formaction="search-pincode.html" onclick="myFunction()">Check</button>
</form>
JS 脚本:
<script>
function myFunction() {
var x = document.getElementById("user-pincode").value;
document.getElementById("user-pincode-show").innerHTML = x;
}
</script>
输出:search-pincode.html
<h1 class="search-h1-contact">
Yes, we install CCTV in <p id="user-pincode-show"></p>
</h1>
最佳答案
其一,您不会在足够长的时间内看到结果,因为在单击该按钮后,您将被重定向到 search-pincode.html
。尝试将 type="submit"
更改为 type="button"
function myFunction() {
var x = document.getElementById("user-pincode").value;
document.getElementById("user-pincode-show").innerHTML = x;
}
<form class="form1" role="search" method="get" action="search-pincode.html">
<input type="number" placeholder="Enter Postcode" id="user-pincode">
<button type="button" onclick="myFunction()">Check</button>
</form>
<h1 class="search-h1-contact">
Yes, we install CCTV in
<p id="user-pincode-show"></p>
</h1>
如果您计划将输入的值传递给 search-pincode.html
,并且其中包含 user-pincode-show
,那么使用 JavaScript不是正确的做法
关于javascript - 如何获取<p>标签中的搜索框值 - HTML,JS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47326377/