jquery选择最近的选择框以添加选择选项 - jquery select nearest select box to add select options

jquery select nearest select box to add select options

本文关键字：选择添加选项最近 jquery | 更新日期: 2023-09-27

我在单独的表格单元格中有两个选择框。当我选择第一个选择框中的选项时，相关值将从数据库中放入。现在我需要将这个值附加到立即选择框中（类名为getpoptddocname）。我的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");
});

尝试使用类似的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');

额外尝试find（）函数

例如

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