Question

如果输入字段的值为“希腊”或“英国”，则在按钮上添加style="?android:attr/progressBarStyleHorizontal" android:indeterminate="false"事件，否则没有onclick事件。

onclick

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

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

Answer 1

您需要将事件侦听器存储为函数：

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

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

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

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

Answer 2

相反，每个值具有不同的回调，您真正想要的是单个回调，然后根据值（或调用不同的函数）而采取不同的操作。将此回调添加到每个输入的onclick事件中。

Answer 3

使用addEventListener click代替onclick

    $('.search-options').find("input[value='greece']").each(function(){
        document.getElementById("search-button").addEventListener('click',function(){console.log("submitted")})
    });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form class="search-options">
    <input id="test" type="text" value="france" />
    <input id="test2" type="text" value="greece" />
    <input id="test3" type="text" value="UK" />
    <input id="test" type="text" value="spain" />
</form>
<button id="search-button">Search</button>

Answer 4

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

document.querySelector('#search-button').onclick = function(){
    if(document.querySelector('#test').value == 'Something'){           
          document.querySelector('form span').innerText = document.querySelector('#test').value;
         //do more
    }else{    
          document.querySelector('form span').innerText = 'cancel click';
          return false;
         }
}

<form class="search-options">
    <input id="test" type="text" value="" />
    <span></span>
</form>
<button id="search-button">Search</button>

如果输入值为“某物”，请在该按钮上添加onclick

4 个答案: