这是一个包含多个列的表。我在下面的代码中只包含了一行。左列是下拉选择列表。我需要做的是当我选择下拉列表的一个选项时,它应该触发一个事件(我在JS中有一个事件)。 但它会触发,但它不会返回被按下的选择器的行。这些需要具有相同的名称和ID,因为我的帖子将这些作为数组读取。
后来我想在触发器上添加一个ajax调用,以便我可以获取get请求中同一行的其他列的信息。为此,我需要获取所选项目的值和所选项目的行。
我该怎么做?
<tbody>
<tr id="0">
<td>
<select class="form-control taskDropdown" id="TaskID" name="TaskID"><option value="">-Select-</option>
<option value="1">A00</option>
</select></td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
</tr>
<tr id="1">
<td>
<select class="form-control taskDropdown" id="TaskID" name="TaskID"><option value="">-Select-</option>
<option value="1">A00</option>
</select></td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
</tr>
</tbody>
这是最近的祖先行的触发器和getter,但它返回null:
$(document).ready(function () {
$('.taskDropdown').change(function (e) {
console.log("dropdown selected");
var currentRow = $(e).closest('tr');
alert(currentRow.id);
});
});