我尝试从表单输入传递一个简单的变量,以使用.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',
我在上面的代码中得到了一个未定义的错误。提前感谢您的帮助!
凯莉。
发布于 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,因为表单正在提交,所以页面正在重新加载。
发布于 2018-08-14 11:59:01
您的代码已接近完成。您唯一需要更改的是"readSearchValue“函数的第二行。将"mySearch“框的innerHTML设置为"searchValue”输入字段的值。代码- document.getElementById("mySearch").innerHTML = document.getElementById("searchValue").value
https://stackoverflow.com/questions/51811275
复制相似问题