Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ajax/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jqueryajax如何告诉jQuery将从Ajax调用返回的html数据附加到哪里_Javascript_Ajax_Jquery - Fatal编程技术网

Javascript jqueryajax如何告诉jQuery将从Ajax调用返回的html数据附加到哪里

Javascript jqueryajax如何告诉jQuery将从Ajax调用返回的html数据附加到哪里,javascript,ajax,jquery,Javascript,Ajax,Jquery,我有两份具有相同结构的ul列表: <ul id="list1"> <li id="inv-1"> <label>Item name</label> <select> <option selected="selected"> value="1">Value 1</option> </select> </li

我有两份具有相同结构的ul列表:

<ul id="list1">
    <li id="inv-1">
        <label>Item name</label>
        <select>
           <option selected="selected"> value="1">Value 1</option>
        </select>
    </li>
    //...
    <li id="inv-2">
        <label>Item name</label>
        <select>
           <option selected="selected"> value="1">Value 1</option>
        </select>
    </li>
 </ul>
<ul id="list2">
    <li id="inv-44">
        <label>Item name</label>
        <select>
           <option selected="selected"> value="0">Value 0</option>
        </select>
    </li>
    //...
    <li id="inv-55">
        <label>Item name</label>
        <select>
           <option selected="selected"> value="0">Value 0</option>
        </select>
    </li>
 </ul>
如何根据所选选项的值告诉success函数在何处追加

现在,从ajax-invi.php返回的数据是这样的(在用php将值设置到mysql数据库之后)

  • 项目名称 value=“1”>值1

  • 它会像你说的那样追加。在ul中,id为“#invlist”


    如果您想更具体地附加它,我认为您需要查看数据是什么,并在将其附加到某个位置之前将其处理为结构。

    ID在页面中是唯一的。您有两个具有相同id的列表项

    <ul id="list1">
    <li id="inv-1">
        <label>Item name</label>
        <select>
           <option selected="selected"> value="1">Value 1</option>
        </select>
    </li>
    //...
    <li id="inv-2"> //Note the change in ID
        <label>Item name</label>
        <select>
           <option selected="selected"> value="1">Value 1</option>
        </select>
    </li>
    

    }))

    正如我所说,我有两个列表,我不知道如何根据该值告诉函数在哪里追加重复的id是一个输入错误。我应该进行哪些测试?我编辑了我的问题。这取决于你的要求。您如何决定数据应该附加到特定的部分?我在问题中说,它取决于所选选项的值。此人从列表中选择某个内容,如果其值为0,则转到列表2;如果值大于0,则转到列表1。但是我已经从ajax函数返回了html,所以我无法检查该值以知道在哪里添加这个fancybox东西在哪里工作?您是从中设置此值还是仅从名称中设置此值?我在fancybox中添加此值并在此处检索:data:“id=“+idboda+”&name=“+name+”&value=“+value”(值是我们正在查找的值)
        <li id="inv-22">
            <label>Item name</label>
            <select>
               <option selected="selected"> value="1">Value 1</option>
            </select>
        </li>
    
    <ul id="list1">
    <li id="inv-1">
        <label>Item name</label>
        <select>
           <option selected="selected"> value="1">Value 1</option>
        </select>
    </li>
    //...
    <li id="inv-2"> //Note the change in ID
        <label>Item name</label>
        <select>
           <option selected="selected"> value="1">Value 1</option>
        </select>
    </li>
    
    $(".btn.invi").fancybox({
        afterClose : function() {
        var nombre=$('#addinvi').val();
        $.ajax({
            type: "POST",
            url: "ajax-invi.php",
            dataType: "html",
            data: "id="+idboda+"&name="+name+"&value="+value,
            success: function(data) {
                //perfom your tests here
                //based on your result do either of the following
                $('ul#invlist').find('#inv-1').append(data);
                $('ul#invlist').find('#inv-2').append(data);
            }
         });