传递一个JavaScript变量来填充innerHTML
传递一个JavaScript变量来填充innerHTML
提问于 2018-08-13 01:35:58
我尝试从表单输入传递一个简单的变量，以使用.innerHTML语法填充跨度。我的代码(使用search.ejs)如下：
<script>function readSearchValue() {
var passedSearchValue = document.getElementById('searchForm').submit();
document.getElementById('mySearch').innerHTML = passedSearchValue;
}
</script>
<!-- Search form -->
<nav class="navbar navbar-light bg-light">
<form class="form-inline" id="searchForm">
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search" id="searchValue">
<button class="btn btn-outline-success my-2 my-sm-0 glyphicon glyphicon-search" type="submit" onclick="readSearchValue()"></button>
</form>
</nav>
<p>You have searched for:
<span id="mySearch"></span>
</p>我还有一个search.js文件，它不会做太多的自动取款机操作：
res.render('search', {
title: 'Search results',我在上面的代码中得到了一个未定义的错误。提前感谢您的帮助！
凯莉。
回答 2
Stack Overflow用户
发布于 2018-08-13 01:47:10
如果要从服务器发送值，可以直接使用ejs表达式。如果你想在本地工作，你可以看下面的代码。
function readSearchValue() {
document.getElementById('mySearch').innerHTML = document.getElementById('searchValue').value;
document.getElementById('searchForm').submit();
}<!-- Search form -->
<nav class="navbar navbar-light bg-light">
<form class="form-inline" id="searchForm" method="POST">
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search" name="search" id="searchValue">
<button class="btn btn-outline-success my-2 my-sm-0 glyphicon glyphicon-search" type="button" onclick="readSearchValue();">Submit</button>
</form>
</nav>
<p>You have searched for:
<span id="mySearch"></span>
</p>
现在，您看不到value permanent，因为表单正在提交，所以页面正在重新加载。
Stack Overflow用户
发布于 2018-08-14 11:59:01
您的代码已接近完成。您唯一需要更改的是"readSearchValue“函数的第二行。将"mySearch“框的innerHTML设置为"searchValue”输入字段的值。代码- document.getElementById("mySearch").innerHTML = document.getElementById("searchValue").value
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51811275
复制相关文章
相似问题