從第一個默認選擇選項觸發變更事件

Question

我有一組選項，但是不出所料，列表中的第一個選項不會觸發更改事件調用。 我想知道如何在不執行手動trigger()情況下trigger() 。

 $('select').on('change', function(e) { console.log($(e.target).val()); }); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <select> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="mercedes">Mercedes</option> <option value="audi">Audi</option> </select> 

Answer 1

由於您提到由於選擇會將用戶帶到新位置，因此無法在頁面加載時觸發它，這意味着您只能做兩件事。

首先是在頂部添加一個選擇選項，以便用戶必須選擇一些東西。 這樣，更改事件將觸發，因為他們必須選擇非默認值。

<option value="">Pick your favorite cheese</option>

或者您的部分選項是使用blur而不是change 。 使用模糊的問題是，用戶必須從焦點上移開焦點才能觸發。