通过js显示多选id

我需要通过js显示选择ID，通过此代码仅显示1并首先选择id

我的代码是这个HTML和JavaScript

    1 2        1 2     $(document).ready(function(){ $('#jens_id').change(function(){ statteId = $("#jens_id").val() alert(statteId); }); });  

可以帮助编辑脚本

Answer 1

id属性在页面中应该是唯一的，否则只有第一个被选中（使用id选择器），因为一组元素使用公共类，而在change事件处理程序中使用this来引用被点击的元素。

  
 
 
   1 2  
 
 
 
 
   1 2  
 
 
 
  

Answer 2

尝试使用jquery的each()函数。并使用Tagname或ClassName而不是id更改选择器.Id对于完整文档是唯一的

 $(document).ready(function() { $('select').each(function(){ console.log($(this).val()) }) }); 

      1 2        1 2    

Answer 3

 $(document).ready(function() { $('.jens_id').change(function() { statteId = $('option:selected', this).text() alert(statteId); }); }); 

    1 2    3 4  

Answer 4

您现在已经知道页面上元素的id应该是唯一的。

当你有多个具有相同id的元素时， id(#)选择器返回第一个匹配的元素。 因此，如其他答案中所述，如果可能， 您应该使用课程 。

出于任何原因，如果您不能使用该类并且想要使用id查找，那么您可以像$('select#jens_id')或$('[id="jens_id"]')一样使用它并获得所选的选项使用上下文来查找已更改的select元素的选定选项。

 $(document).ready(function() { $('select#jens_id').change(function() { alert($(this).find('option:selected').text()); }); }); 

    1 2    3 4