通过js显示多选id [英] show multi select id by js

问题描述

我需要按js显示选择ID，此代码只显示1并首先选择ID

I need show selection id by js, by this code only show 1 and first select id

我的代码是这个html和javascript

my code is this html and javascript

<tr>
<td>
  <select name="jens_id[]" id="jens_id" required="" >
    <option ></option>
    <option >1</option>
    <option >2</option>
  </select>
</td>
</tr>
<tr>
<td>
  <select name="jens_id[]" id="jens_id" required="" >
    <option ></option>
    <option >1</option>
    <option >2</option>
  </select>
</td>
</tr>
<script>
$(document).ready(function(){
    $('#jens_id').change(function(){
        statteId = $("#jens_id").val()
        alert(statteId);
    });
}); 
</script>

可以帮助编辑脚本

推荐答案

id 属性在页面中应该是唯一的，否则只有第一个被选中（使用id选择器），对于一组元素使用相反，在更改事件处理程序中使用 this 来引用所单击的元素。

The id attribute should be unique within the page otherwise only the first one gets selected(using id selector), for a group of elements use a common class instead and within the change event handler use this to refer the clicked element.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td>
      <select name="jens_id[]" class="jens_id" required="">
    <option ></option>
    <option >1</option>
    <option >2</option>
  </select>
    </td>
    <td></td>
  </tr>
  <tr>
    <td>
      <select name="jens_id[]" class="jens_id" required="">
    <option ></option>
    <option >1</option>
    <option >2</option>
  </select>
    </td>
    <td></td>
  </tr>
</table>
<script>
  $(document).ready(function() {
    // or use attribute equals selector
    // $('[name="jens_id[]"]')
    $('.jens_id').change(function() {
      statteId = $(this).val(); // or this.value
      console.log(statteId);
      // get the td and update with value
      $(this).parent().next().text(statteId);
    });
  });
</script>

这篇关于通过js显示多选id的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！