複数のSELECTタグ（Jquery）から値を取得する方法

Question

私はhを選択する各オプションから値を取得しようとしていますが、jqueryは最初の選択のみの値を返します。 私はそれをどのように修正するか分かりません。物事の

<select id="Group" > 
     <option value="">Select Group</option> 
     <option value="1">1</option> 
     <option value="1">d</option> 
     <option value="1">d</option> 
     <option value="1">d</option> 
    </select> 

    <select id="Group" > 
     <option value="">Select Group</option> 
     <option value="2">1</option> 
     <option value="2">d</option> 
     <option value="2">d</option> 
     <option value="2">d</option> 
    </select> 

jQueryのコード

<script> 

    $(document).ready(function(){ 
     $('#Group').change(function(){ 

      var group_id2 = $('#Group').val(); 

      alert(group_id2); 
      $.ajax({ 
       url:"../include/ajax_process/doc_process.php", 
       method:"POST", 
       data:{group_id:group_id}, 
       dataType:"text", 
       success:function(data) 
       { 
        $('#employee').html(data); 
       } 
      }); 
     }); 
    }); 
</script> 

Answer 1

カップル - あなたは同じIDを持つページ上の2つの要素を持つべきではないので、

IDは常に、一意である必要があります。それは言った、あなたがこのビットを更新し、多分例えば、クラスを使用すると仮定してみましょう -

$('.group').change(function(){

OKは、今、あなたが変更要素の値を求めています。あなたはイベントを見てこれを行うことができます

$('.group').change(function(e) { 
    var data = $(e.target).val(); 
    // (etc do the rest of your code here) 
});