首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

select动态创办option

2012-11-23 
select动态创建option?//得到所有栏目的下拉列表? $(#part).click(function(){?? ??? ??? ?var actions

select动态创建option

?//得到所有栏目的下拉列表
? $("#part").click(function(){
?? ??? ??? ?var actions = "/rhcy/PartServlet?flag=part1";
?? ??? ??? ?var param = "";
?? ??? ??? ?$.ajax({

?? ??? ??? ??? ?url:actions,
?? ??? ??? ??? ?data:param,
?? ??? ??? ??? ?type:'POST',
?? ??? ??? ??? ?dataType:'json',
?? ??? ??? ??? ?success:function(data){

?? ??? ??? ??? ??? ?var part = document.getElementById("part");
?? ??? ??? ??? ??? ?var list4 = data;
?? ??? ??? ??? ??? ?? while(part.children.length>1)
?? ??? ??? ??? ??? ??? ? {
?? ??? ??? ??? ??? ??? ?? part.removeChild(part.children[part.children.length-1]);
?? ??? ??? ??? ??? ??? ? }
?? ??? ??? ??? ??? ??? ?
?? ??? ??? ??? ??? ??? ?for(var i =0;i<list4.length;i++){

//前面的是文本,后面的是value,后面的方法可能出错
?? ??? ??? ??? ??? ??? ??? ?var option = new Option(list4[i].name,list4[i].id)
?? ??? ??? ??? ??? ??? ???? //建议用上面的创建方法,下面的方法会报错
?? ??? ??? ??? ??? ??? ??? ??? ?// var opts = document.createElement("option");
?? ??? ??? ? ??? ??? ??? ??? ??? ?// opts.text = list4[i].name;
?? ??? ??? ??? ??? ??? ??? ??? ? //opts.value = list4[i].id;
?? ??? ??? ??? ??? ??? ??? ??? ? part.options.add(option);

?? ??? ??? ??? ??? ?}
?? ??? ??? ??? ??? ?
?? ??? ??? ??? ?}
?? ??? ??? ??? ?
?? ??? ??? ??? ?});
??????????? });
???????????

热点排行