jquery select最近的选择框添加选择选项

Question

我在单独的表格单元格中有两个选择框。当我在第一个选择框中选择选项时，相关值将从 db 中输入。现在我需要将此值附加到立即选择框（具有 getpopltddocname 的类名）。我的 HTML 如下所示：

<tr>
    <td height="40" align="left" valign="middle">Doc Group</td>
    <td align="left" valign="middle">
        <select id="docgroupname_doc[]" name="docgroupname_doc[]" class="populatedocname" tabindex="1">
            <option value="" selected="selected">Select Doc</option>
            <option value="1" selected="selected">Bank</option>

        </select>
    </td>
    <td align="left" valign="middle">Doc Name</td>
    <td class="makeselect" align="left" valign="middle">
        <select id="docname_doc[]" name="docname_doc[]" class="getpopltddocname" tabindex="1">
            <option value="">Select Doc Name</option>            
        </select>
    </td>
</tr>

还有我的 Jquery 代码：

$(document).on("change",".populatedocname",function(){
    var docid=$(this).val();
    var sel = $(this).closest('td').next().find('select');

    $.post("classes/ajax.php", {action:'getdocitem',docid:docid},function(data) {
        alert(data);
        for (var i=0; i<data.length; i++) {
            sel.append('<option value="' + data[i].doc_item_id + '">' + data[i].doc_name + '</option>');
        }
    }, "json");
});

Answer 1

试试parent 喜欢

var sel = $(this).parent('td').find('select');

或者你也可以试试

var sel = $(this).parent('td').find('select');

见DEMO

编辑：好像你想附加选项那么它应该像

var sel = $(this).parent('td').find('select option');

FINAL :终于解决了我的问题..

var sel = $(this).closest('td').next('td').next('td').find('select');

Answer 2

另外试试 find() 函数

例如

$('your-selector').find('select');