尝试使用具有相同名称的列输出表的当前行

时间:2016-11-18 17:08:47

标签: javascript jquery

这是一个包含多个列的表。我在下面的代码中只包含了一行。左列是下拉选择列表。我需要做的是当我选择下拉列表的一个选项时,它应该触发一个事件(我在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);
        });
});

0 个答案:

没有答案