查找下一个选择选定的值

时间:2017-05-30 15:21:06

标签: jquery select text

我有一个非常简单的多行表。每行中的前两个单元格都有一个选择下拉列表。

使用jQuery我读了每一行,我想从每个选择中获取文本值。

但这只返回第一个选择的文本值,而不是第二个选择的文本值。

$(".test").each(function() {
  thisSelected = (this.options[this.selectedIndex].innerHTML)
  text = $(this).closest('td').next().attr('.update');
  console.log(thisSelected + ' -> ' + text);
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<tr id="rows">
  <td>
    <select name="test[]" class="test">
    		<option value="0"></option>
    		<option value="1">Home</option>
    		<option value="2">Away</option>
    	</select>
  </td>
  <td>
    <select name="view[]" class="view">
    		<option value="1">Yes</option>
    		<option value="0">No</option>
    	</select>
  </td>
  <td>
    <img src="clear.png" class="rm" name="rm" title="clear">
  </td>
</tr>


<tr id="rows">
  <td>
    <select name="test[]" class="test">
    		<option value="0"></option>
    		<option value="1">Home</option>
    		<option value="2">Away</option>
    	</select>
  </td>
  <td>
    <select name="view[]" class="view">
    		<option value="1">Yes</option>
    		<option value="0">No</option>
    	</select>
  </td>
  <td>
    <img src="clear.png" class="rm" name="rm" title="clear">
  </td>
</tr>

<tr id="rows">
  <td>
    <select name="test[]" class="test">
    		<option value="0"></option>
    		<option value="1">Home</option>
    		<option value="2">Away</option>
    	</select>
  </td>
  <td>
    <select name="view[]" class="view">
    		<option value="1">Yes</option>
    		<option value="0">No</option>
    	</select>
  </td>
  <td>
    <img src="clear.png" class="rm" name="rm" title="clear">
  </td>
</tr>

0 个答案:

没有答案