如何从多个SELECT标签中获取值(Jquery)

时间:2016-10-30 00:12:35

标签: javascript jquery html

我试图从我选择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>

1 个答案:

答案 0 :(得分:1)

一些事情 -

ID应该始终是唯一的,因此您不应该在页面上有两个具有相同ID的元素。也就是说,让我们假设你稍微更新一下,然后使用一个类,例如 -

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

好的,现在你想要CHANGED元素的值。你可以通过查看事件

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