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（）函数

e.g

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

Answer 2

尝试parent喜欢

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

或者您也可以尝试

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

请参阅DEMO

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

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

最终结果：最终解决了我的问题..

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

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

2 个答案: