我有一个非常简单的多行表。每行中的前两个单元格都有一个选择下拉列表。
使用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>