1 通过js方法,动态的为下拉框select标签来增加内容。通过new Option(text,value)来执行。
如:<select id="select1" >
js方法:
var num=0;
function btn_btn2_click(){
var obj=document.getElementById("select1");
var text="text"+num;
var value="value"+num;
obj.options.add(new Option(text,value));
num=num+1;
}
通过obj.options.add(new Option(text,value))这样的方法来为下拉框动态增加数据,将数据增加到末尾。
原理和java中的原理差不多。
2 还有一种也可以动态为下拉框来增加数据。就是通过obj.options[length]=new Option(text,value)
如:var obj=document.getElementById("select1");
var text="text"+num;
var value="value"+num;
obj.options[obj.length]=new Option(text,value);
num=num+1;
不过这种方法不是很好,个人觉得还是第一种方法挺好的。
综上所述。通过为selecte下拉框动态增加数据。有两种方法obj.options.add(new Option(text,value))和obj.options[length]=new Option(text,value)。
前者方法较好。
如:<select id="select1" >
js方法:
var num=0;
function btn_btn2_click(){
var obj=document.getElementById("select1");
var text="text"+num;
var value="value"+num;
obj.options.add(new Option(text,value));
num=num+1;
}
通过obj.options.add(new Option(text,value))这样的方法来为下拉框动态增加数据,将数据增加到末尾。
原理和java中的原理差不多。
2 还有一种也可以动态为下拉框来增加数据。就是通过obj.options[length]=new Option(text,value)
如:var obj=document.getElementById("select1");
var text="text"+num;
var value="value"+num;
obj.options[obj.length]=new Option(text,value);
num=num+1;
不过这种方法不是很好,个人觉得还是第一种方法挺好的。
综上所述。通过为selecte下拉框动态增加数据。有两种方法obj.options.add(new Option(text,value))和obj.options[length]=new Option(text,value)。
前者方法较好。