JavaScript 操作 select

一、新增一个option
var sel=document.getElementById("select的id");
var op=document.createElement("option");
op.value=值;
op.text=显示文本;
sel.add(op);
二、删除一个option
var sel=document.getElementById("typelist");
if(sel.selectedIndex==-1)
alert("请选中要删除的项!");
for(var i=0;i<sel.options.length;i++){
if(sel.options[i].selected){
sel.options.remove(i);
break;
}
}
三、清空select的所有option
var citySel=document.getElementById("select的id");
citySel.options.length=0;

四、获得选中项的值
var citySel=document.getElementById("select的id");
var selectedValue=citySel.value;
五、获得当前选中项的索引
var selectedIndex=document.all.objSelect.selectedIndex;
六、设置select的当前选中项
方法1(单个select)： document.getElementById("products_type_id").selectedIndex=1;
方法2(级联select如省市级联)：
var province_sel=document.getElementById("province");//获得省select
var city_sel=document.getElementById("city");//获得市select
for(var i=0;i<province_sel.options.length;i++){
if(province_sel.options[i].value=="从数据库获取的省的值"){
province_sel.options[i].selected=true;
break;
}
}
initCity("从数据库获取的省的值");//初始化市select
for(var i=0;i<city_sel.options.length;i++){
if(city_sel.options[i].value=="${city}"){
city_sel.options[i].selected=true;
break;
}
}
七、创建select动态设置选中项
var sel=document.getElementById("other_state");
var sel_val=document.getElementById("other_media_id").innerHTML;

for(var obj in data){
var id=data[obj]["other_media_id"];
var name=data[obj]["other_media_name"];
var op=document.createElement("option");
op.setAttribute("value",id);
op.appendChild(document.createTextNode(name));
if(id==sel_val){
op.setAttribute("selected","true");
}
sel.appendChild(op);
}