ドロップダウンの選択に同じ名前があっても、選択したオプションを取得する方法

Question

私は複数の選択肢があり、それらの番号はフォームデータベースに送られるデータによって異なります。なぜなら、ajaxを使用してデータを送信したいからです同じクラス名を持っている場合、どのようにしてユーザから選択された値だけを取得できるのですか？そのため、ユーザは毎回1つのオプションを選択します。

<form method="post" id="group_employee_form"> 
      <p>Select Country 
      <select name="country" class="country"> 
       <option value="">Select Country</option> 
       <option value="1">test1</option> 
       <option value="2">test12</option> 

      </select></p> 
      <p>Select State 
      <select name="state" class="state"> 
       <option value="">Select State</option> 
       <option value="1">test1</option> 
       <option value="2">test12</option> 
      </select></p> 

      <p>Select Country 
      <select name="country" class="country"> 
       <option value="">Select Country</option> 
       <option value="1">test1</option> 
       <option value="2">test12</option>    

      </select></p> 
      <p>Select State 
      <select name="state" class="state"> 
       <option value="">Select State</option> 
       <option value="1">test1</option> 
       <option value="2">test12</option> 
      </select></p> 

      <input type="submit"> 
      </form> 

これは、jQueryのコード

<script> 
    $(document).ready(function(){ 


       $(document).on('submit','form#group_employee_form',function(e){ 
          e.preventDefault(); 
           var group_id = $(".state").val(); 

          alert(group_id); 
       }); 
    }); 
    </script> 

jQueryのコードだ最初から値を返すだけ選択します。

Answer 1

// this for selected text by value  

$('#mySelect').val('ab').change(); 
//or 
$('#mySelect').val('ab').trigger("change"); 

// this for get slelected options values 

$('#mySelect > option:selected').val();