Jqueryで複数選択の現在選択されている値を取得する方法

Question

複数の選択ドロップダウンボックスがあります。私は、アイテムが選択されるたびにajax呼び出しを行う必要がありますが、selectメニューから特定の値を取得する際に問題が発生しています。現在選択されている値を取得する代わりに、選択したすべての値の配列が取得されます。 JQueryで現在選択されている値を取得するにはどうすればよいですか？

Answer 1

OKは、ちょうどそれを考え出し：

$(this).val(); 

以前、私は$('#id').val()を使用していたし、それは配列を返していました。 $(this).val()はあなたに現在選択されている値を与えます。

Answer 2

this answerのようにclickイベントを使用して、各アイテムが選択されるとそれをキャプチャしてみてください。

Answer 3

アラートで値を選択し得ることができます。これは、あなたが欲しいあなたの正確な値を取得するのに役立ちます

$("#mydropdown").on('change', function(evt, params) { 
alert(params.selected); 
}); 

。ここで

Answer 4

は複数選択ドロップダウンから

var selectedOption; 
 
$(document).ready(function() { 
 
    $('#price-type').on('change', function(evt, params) { 
 
    var currentSelection; 
 
    if (selectedOption) { 
 
     var currentValues = $(this).val(); 
 
     currentSelection = currentValues.filter(function(el) { 
 
     return selectedOption.indexOf(el) < 0; 
 
     }); 
 
    } 
 
    selectedOption = $(this).val(); 
 
    $('#result').text(currentSelection); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="price-type" multiple="multiple"> 
 
    <option value="PRICE-1">PRICE-1</option> 
 
    <option value="PRICE-2">PRICE-2</option> 
 
    <option value="PRICE-3">PRICE-3</option> 
 
    <option value="PRICE-4">PRICE-4</option> 
 
    <option value="PRICE-5">PRICE-5</option> 
 
</select> 
 

 
<div id="result"> 
 

 
</div>