js创建多个input搜索框,第一个正常,其他搜索框选的值不是要取的值,这个bug怎么调啊

作者：衴u神是欧豪 | 来源：互联网 | 2023-09-03 14:16

jsp页面:<tr><thcolspan2>食材名↓<th><th>

jsp页面:

            食材名 ↓
            主菜 ↓
            主食 ↓



js代码:
  //添加行
    function instTR(){
        var tab=document.getElementById('tab');
        var n = tab.rows.length;
        var tr=tab.insertRow(n);
        tr.innerHTML='' +
                      '' +
                        '' +
                        '' +
                            '' +
                                '' +
                            '' +
                        '' +
                '' +
                '' +
                '' +
                '

';
    }

    //ajax实现搜索框
    var aid;
    function dotest(a) {
        var shuzu = a.id.split('_');
        aid = shuzu[1];
        var params = {};
        params.name = a.value;
        $.ajax({
            type : "POST",
            cache : false,
            url : "shipu/ajaxGet.do",
            dataType : "json",
            data : params,
            async : false,
            success : function(data) {
                var htmlStr = "";
                if (data&& data.length > 0) {
                    htmlStr += "";
                    for ( var i = 0; i < data.length; i++) {
                        htmlStr += "";
                        htmlStr += "";
                        htmlStr += data[i].foodname;
                        htmlStr += "";
                        htmlStr += "";
                    }
                    htmlStr += "";
                    $("#doctor_namelist_div"+aid+"").html(htmlStr);
                    $("#doctor_namelist_div"+aid+"").show();
                }else{
                    //没有数据div就不显示
                    $("#doctor_namelist_div"+aid+"").hide();
                }
            }
        });
    }
    //选中的内容给输入框
    function selectDName1(tdId){
        alert(document.getElementById(tdId).innerHTML);
        $("#shicai_"+aid+"").val(document.getElementById(tdId).innerHTML);
        $("#doctor_namelist_div"+aid+"").hide();
    }

3 个解决方案

#1

有没有在线的 js大神啊, 在线等 ...

#2

你弹出框td的id重复了，要变唯一，添加上aid的值

htmlStr += " + (i + 1) + "_dName\" text-align:left;\">";

==>

htmlStr += "aid + (i + 1) + "_dName')\">";
htmlStr += " aid + (i + 1) + "_dName\" text-align:left;\">";

#3

引用 2 楼 showbo 的回复:

你弹出框td的id重复了，要变唯一，添加上aid的值

htmlStr += " + (i + 1) + "_dName\" text-align:left;\">";

==>

htmlStr += "aid + (i + 1) + "_dName')\">";
htmlStr += " aid + (i + 1) + "_dName\" text-align:left;\">";