Question

jQuery对<select>标记进行动态赋值

我的option的值是不确定的，我需要用jQuery赋值，普通的我知道!谢谢！！
如果是普通的JavaScript我可以这样写：
var arr = [{name:"Tom",value:1},{name:"Jack",value:2}];

function setFriend(data) {
if(data.length>0) {
var friendList = document.getElementById('friend');
//但是如果是jQuery我在下面怎么写呢
var friends = $("#friend");
friendList.options.length = 0;
for(var i=0;i<data.length;i++) {
var option = new Option(data[i].name,data[i].value);//
friendList.options[friendList.options.length] = option;
//如果是jQuery对象我这里该怎么写呢
// var option = $("<option>");
//这里怎么加呢
}
}
}

Answer 1

假定你的下拉select的option通ajax取过来.
$("#select_demo").empty();//先清空
$("#select_demo").append(data);//再附加上去.data是返回的<option value='1'>aaaa</option>的字符串.
================
$.ajax({
type: "post",
url: "demo.php",
data:"data_id="+$("#demo").val(),
cache:false,
beforeSend: function(XMLHttpRequest){
},
success: function(data, textStatus){

$("#select_demo").empty();
$("#select_demo").append(data);

},
complete: function(XMLHttpRequest, textStatus){
},
error: function(){
//请求出错处理
}
});

Answer 2

var friend = $("#friend");
friends.empty();
for(var i=0;i<data.length;i++) {
var option = $("<option>").text(data.name).val(data.value)
friends.append(option);
}应该是这样的

Answer 3

var friends = $("#friend");
friends.empty();
for(var i=0;i<data.length;i++) {
var option = $("<option>").text(data.name).val(data.value)
friends.append(option);
}