変更値なしでドロップダウン値を取得するにはどうすればよいですか？

Question

私はjQueryを学んでいます。私の質問は編集ボタンをクリックしたときに、私が選択した特定のドロップダウン値が表示されます。この選択した値はjQueryに保存したいのでどうすれば保存できますか？私は画像を添付して助けてください。

Answer 1

は、キーと値のペアを持つすべてのオプション値のドロップダウン

var all_values= $('.service_select option').map(function(obj){ 
    return $(obj).attr('value'); 
}); 

のすべてのオプションの値について選択した値

var selected_value= $('.service_select').val(); 

について

てみてください

var all_values= {}; 
$('.service_select option').each(function(){ 
    all_values[$(this).attr('value')]=$(this).text(); 
}); 

Answer 2

$('select').val()はvalue属性を取得します。

選択したオプションのテキストを使用する場合は、$('select').find(':selected').text()を使用してください。ここで

は一例です：

$(function() { 
 
    //Get the selected value 
 
    console.log($('.service_select').val()); 
 

 
    //Captures the selected value when the selection changes 
 
    $('.service_select').change(function() { 
 
    console.log($(this).val()); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<select name="service_select" class="service_select"> 
 
    <option value="0">-- Select --</option> 
 
    <option value="1">Option 1</option> 
 
    <option value="2">Option 2</option> 
 
    <option value="3">Option 3</option> 
 
</select>