在多項選擇中選擇項目后觸發更改

Question

假設我有一個多重選擇框：

<select id="sel" multiple="multiple">
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="9">Nine</option>
    <option value="10">Ten</option>
</select>

要選擇項目，可以按住Ctrl並單擊單個項目。 我要在用戶選擇完項目后從此選擇框中保存數據。 我怎樣才能做到這一點？

我考慮過使用setTimeout並在觸發onChange事件后節省500毫秒，但是我不知道這是否是最好的主意。

$('#sel').change(function(){
    setTimeout(saveData, 500);
});

我知道我可以添加一個“保存”按鈕，但是我想即時保存數據。

快速（從用戶選擇項目之后）從多個選擇框中保存數據的最佳方法是什么？

Answer 1

我會在onchange執行此操作，並且經過了很多時間后再像您一樣保存它，因此，我唯一要更改的就是重置每次更改的timeout ，因此僅在最終onchange 。

遵循這些原則。

var changeTimeout;

$('#sel').change(function(){
    clearTimeout(changeTimeout);
    changeTimeout = setTimeout(function(){saveData()}, 1000);
});