jquery 根据json 生成数据 根据生成的数据选择对应的
2012-11-01 12:57 freefei 阅读(228) 评论(0) 编辑 收藏 举报
重点
[php]
<script>
// 发送请求查询产品列表json
function onclick_sent(){
$.ajax({
url:'index.php?app=Supply&m=Index&a=data_json',
success: function(data) {
var json=data;
json = eval(json);// 注意options，如果不写Options ，下面的写法就是json.options.length
$("#rr").html("");
for(var i=0; i<json.length; i++)
{
$("#rr").append('<tr><td><input name="id[]" type="checkbox" value='+json[i].id+'/></td><td><a href="#" onclick=add_data('+json[i].id+');>'+json[i].name+'</a></td><td>'+json[i].price+'</td></tr>');
}
//alert(json);
//$("#rr").html(json)
},
cache: false
});
}
// 选择产品 添加到模版中
function add_data(id){
$.ajax({
url:'index.php?app=Supply&m=Index&a=data_json&id='+id,
success: function(data) {
var json=data;
json = eval(json);// 转换为json对象
// alert(json);
// $("#data").html("");
if($("#tr_"+id).length){// 判断元素是否有重复
alert("已经存在");
return false;
}
for(var i=0; i<json.length; i++)
{
$("#data").append('<tr id=tr_'+json[i].id+'><td><input name="id[]" type="checkbox" value='+json[i].id+'/></td><td><a href="javascript:" onlick=add_data();>'+json[i].name+'</a></td><td>'+json[i].price+'</td></tr>');
}
//alert(json);
//$("#rr").html(json)
},
cache: false
});
}
</script>
[/php]
