Wie bekomme ich die ausgewählte Option nur, obwohl die Dropdown-Auswahl den gleichen Namen hat?

Question

Ich habe mehrere Auswahlmöglichkeiten und ihre Anzahl hängt von der Daten kommen Datenbank, weil ich die Daten mit Ajax, also alle von ihnen senden möchten Haben Sie den gleichen Klassennamen, wie kann ich nur den ausgewählten Wert vom Benutzer erhalten, so wird der Benutzer jedes Mal eine Option auswählen.

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

Dies ist der Code 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> 

Der JQuery Code gibt Wert aus dem nur zuerst auswählen.

Bitte helfen

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();