我的script代码如下,
function getleve(){ var levelObj = document.getElementById("leve"); var pfObj = document.getElementById("PF"); var levelValue = levelObj.value; pfObj.innerHTML=''; $.get('petTypeServlet?action=pf',{id:levelValue},function(data){ }); }然后这是两个下拉列表
<select name="leve" id="leve" onchange="getleve();">
<option value="2">2</option>
<option value="3">3</option>
</select>
<td align="left"><select name="PF" id="PF" >
</select>
后台返回数据格式如下:
[{"PtID":1,"PtName":"陆上宠物","PtLevel":1,"PtFid":0},{"PtID":9,"PtName":"海洋宠物","PtLevel":1,"PtFid":0},{"PtID":10,"PtName":"空中宠物","PtLevel":1,"PtFid":0}]
请问怎么把下拉列表值设为PtID,显示为PtName,谢谢大家
调用jquery的map方法组合成option
function getleve() {
var levelObj = document.getElementById("leve");
var pfObj = document.getElementById("PF");
var levelValue = levelObj.value;
pfObj.innerHTML = '';
$.get('petTypeServlet?action=pf', { id: levelValue }, function (data) {
if (typeof data == 'string') data = eval('(' + data + ')'); //$.get有可能会依据响应头转换对象,所以判断下类型
$(pfObj).html($(data).map().get(function () { return '<option value="' + this.PtID + '">' + this.PtName + '</option>' }).join(''));
});
}
select.add(new Option(text,value))
?,传回来的还有其他PtLevel PtFid什么的,都要怎么遍历啊
json获取数据的时候,只取ID,name字段
jquery的$.each()遍历数组
手写的,不一定对,具体自己调试下,很简单的。
$.get('petTypeServlet?action=pf',{id:levelValue},function(data){
for(var x in data)
{
$("<option></option>")
.val(x.PtID)
.text(x.PtName)
.appendTo($("#leve"));
}
});
重发一次。。
function getleve() {
var levelObj = document.getElementById("leve");
var pfObj = document.getElementById("PF");
var levelValue = levelObj.value;
pfObj.innerHTML = '';
$.get('petTypeServlet?action=pf', { id: levelValue }, function (data) {
if (typeof data == 'string') data = eval('(' + data + ')'); //$.get有可能会依据响应头转换对象,所以判断下类型
$('#PF').html($(data).map(function () { return '<option value="' + this.PtID + '">' + this.PtName + '</option>' }).get().join(''));
});
}