如何从多个 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 应该始终是唯一的，因此页面上不应有两个具有相同 ID 的元素。就是说，假设您对此进行了一些更新，并且可能使用了一个类，例如 -

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

好的，现在您需要 CHANGED 元素的值。您可以通过查看事件来做到这一点

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