我目前有这两个输入文本字段具有不同的搜索功能,我试图使其只有一个搜索功能可以在onclick
- 事件之后进行,具体取决于哪个输入字段是空。
HTML;
<form onsubmit="return false" id="searchForm">
<input type="text" id="searchGroup" placeholder="Search group" autocomplete="off">
<input type="text"id="searchRoom" placeholder="Search room" autocomplete="off">
</form>
<div id="navBtns">
<button type="button" class="navForward" id="plus" onclick="forward();"></button>
<button type="button" class="navBackward" id="minus" onclick="backward();"></button>
</div>
这是我在JavaScript中尝试过的,但我无法使用它;
function forward() {
if (searchGroup.length === 0) {
roomForward();
} else if (searchRoom.length === 0) {
groupForward();
}
}
function backward() {
if (searchGroup.length === 0) {
roomBackward();
} else if (searchRoom.length === 0) {
groupBackward();
}
}
所以,这个想法是当文本输入searchGroup
为空时,它只在searchRoom
有一些输入时执行函数,反之亦然。
我能解决这个问题的任何快速有效的方法吗?
答案 0 :(得分:1)
您需要添加&#39; value&#39;在长度属性之前。所以应该是&#39; searchGroup.value.length&#39;例如。