Javascript jqueryajax如何告诉jQuery将从Ajax调用返回的html数据附加到哪里
我有两份具有相同结构的ul列表: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 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);
}
});