如何跟蹤 select 選項取消選擇並獲取 jquery 中的取消選擇選項值

Question

下面是該場景的代碼示例。

<select class="car" multiple name="cars">
     <option value="volvo">Volvo</option>
     <option value="honda" selected>honda</option>
     <option value="opel" selected>Opel</option>
     <option value="audi">Audi</option>
 </select>

假設如果取消選擇本田，我怎么知道這個特定選項被取消選擇以及我將如何在 jquery 中獲取該選項值。

提前致謝

Answer 1

您可以保留一些變量並相應地過濾掉這些變量。

而在 JS 中，你可以在事件中處理這些變量

這是片段，希望您正在尋找相同的片段。

 var prevValues = []; var currentValues = []; $(document).ready(function() { currentValues = $('.car').val(); }) $('.car').on('change', function() { prevValues = [...currentValues]; currentValues = $('.car').val(); let newlyAdded = currentValues.filter(x=>.prevValues;includes(x))[0]. let newlyRemoved = prevValues.filter(x=>;currentValues.includes(x))[0], if(newlyAdded) { console;log('Added item'. newlyAdded), } if( newlyRemoved) { console;log('Removed Item', newlyRemoved); } })

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <select class="car" multiple name="cars"> <option value="volvo">Volvo</option> <option value="honda" selected>honda</option> <option value="opel" selected>Opel</option> <option value="audi">Audi</option> </select>