Javascript 如果输入值为"；“什么？”；将onclick添加到按钮

如果输入字段的值为“希腊”或“英国”，则在按钮上添加

onclick

事件，否则无

onclick

事件

<form class="search-options">
    <input id="test" type="text" value="" />
</form>
<button id="search-button">Search</button>
<script>
    $('.search-options').find("input[value='greece']").each(function(){
        document.getElementById("search-button").onclick = "Suggestion.submit();";
    });
</script>

搜寻
$（'.search options'）.find（“输入[value='greese']”）。每个（函数（）{
document.getElementById（“搜索按钮”）.onclick=“Suggestion.submit（）；”；
});

若输入值为希腊或英国，则按钮应具有onclick=“Suggestion.submit（）；”

---

有人知道我做错了什么吗？

您需要将事件侦听器作为函数存储在其中：

如果不需要传递参数，则：

document.getElementById("search-button").onclick = Suggestion.submit;

或者，如果要传递预定义参数，请使用以下格式：

document.getElementById("search-button").onclick = function(){Suggestion.submit(argument1, argument2, argumentN)}

---

相反，对于每个值都有不同的回调，您真正想要的是一个回调，它将根据值的不同（或调用不同的函数）执行不同的操作。将此回调添加到每个输入onclick事件。

使用addEventListener单击而不是onclick

$（'.search options'）.find（“输入[value='greese']”）。每个（函数（）{
document.getElementById（“搜索按钮”）.addEventListener（“单击”，函数（）{console.log（“提交”）}）
});

搜索
实际上我更喜欢这样使用它：


document.querySelector（“#搜索按钮”）.onclick=function（）{
if（document.querySelector（'#test'）.value=='Something'）{
document.querySelector（'form span'）.innerText=document.querySelector（'test'）.value；
//多做
}否则{
document.querySelector（'form span'）。innerText='cancel click'；
返回false；
}
}

搜索
如果用户在输入中输入“希腊”或“英国”，则必须在单击“Suggestion.submit（）”时添加in按钮