Javascript 在多选中选择项目后触发更改

假设我有一个多选择框：

<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>

我知道我可以添加“保存”按钮，但我想动态保存数据

---

动态（在用户选择项目之后）从多个选择框保存数据的最佳方法是什么？

我会在更改后执行

onchange

，并且在经过如此长的时间后，像您一样保存它，我唯一要更改的是在每次更改时重置

超时时间，这样它只会在最后的
onchange
执行此操作

沿着这条线的东西

var changeTimeout;

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

那是个好主意，为什么我没想到呢？我想我需要更多的咖啡因。
var changeTimeout;

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