jQuery將單擊事件綁定到選擇元素的每個選項上的按鈕

Question

我試圖在select的每個選項元素上的Submit按鈕上創建click事件。

這是我的腳本：

var selectObj = $("#selectObj");

selectObj.find("option").each(function(){
    selectObj.val($(this).val());
    $("#submitBtn").click();
});

但是，它僅適用於最后一個option元素。

Answer 1

該值將設置為change事件時的元素。

 var select; $(document).ready(function(){ $('#s > option').each( function(e){ select=$('#s > option')[e].innerHTML a(select); }) function a(val) { $('button').trigger('click'); console.log('The values is ' +val) } }) 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <select id="s"><option>a</option> <option>d</option><option>b</option> <option>e</option><option>c</option></select> <button type="submit">Submit</button> 

Answer 2

但是，它僅適用於最后一個option元素。

我不知道您要達到什么目的，但是您的代碼應該可以工作。

也不確定selectObj.val($(this).val());的用法selectObj.val($(this).val());

 var selectObj = $("#selectObj"); selectObj.find("option").each(function(){ //selectObj.val($(this).val()); $("#submitBtn").click(myFunc($(this).val())); }); function myFunc(val){ console.log(val); } 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <select id="selectObj"> <option value="first">First</option> <option value="second">Second</option> </select> <button type="button" id="submitBtn" >Test</button>