jQuery的選擇最近的選擇框添加選擇選項

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

額外嘗試find（）函數

例如

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

Answer 2

像parent一樣嘗試

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

或者您也可以嘗試像

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

見演示

編輯：好像您要附加選項，那么它應該像

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

最后：終於找到了解決我的問題的方法。

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