用js给select插入option

1、使用innerHTML

2、options.add

//根据select查找对象， 
var obj=document.getElementById('mySelect'); //获取到id为'mySelect'的select元素
//添加一个选项 
obj.add(new Option("文本","值")); //添加select的options  这个只能在IE中有效 
obj.options.add(new Option("text","value")); //添加select的options  这个兼容IE与firefox

按下列排版输入下列代码：

if (data) {

var jsonObject = eval(data.Table);
var selectSecond = $("#SelectSecond");
selectSecond.empty();
for (var i = 0; i < jsonObject.length; i++) {
var Opt = new Option();
//var Opt = document.createElement("option");

Opt.value = jsonObject[i].numbers;
Opt.Text = jsonObject[i].notects;
selectSecond.options.add(Opt);
}

在前端


但是样没有反应，下拉框是空白的。jsonObject确实是有值的。

更多0

关于 select 的添加 option 应该注意的问题。 
标准的做法如上
也就是说，标准的做法是 s.options.add();
但是如果你一定要用 s.appendChild(option);
注意了，你只能用如下两种方式之一:
1.
s.appendChild(option);
option.text = 'hello world';
option.value =3;
也就是，一定要先添加到 select 中，然后再为 option 赋值。否则在 FF 下是显示正常的，但是在 IE6 中显示的是空白

2. 如果你要讲 option.text 和 option.value 的赋值放在前面，那么请用 option.innerHTML 而不是 option.text
如下:
option.innerHTML = 'hello world';
opion.value = 3;
option.appendChild(option);
3 第三种解决方式。
var op=document.createElement("option");      // 新建OPTION (op) 
op.setAttribute("value",0);          // 设置OPTION的 VALUE 
op.appendChild(document.createTextNode("请选择---")); // 设置OPTION的 TEXT
select.appendChild(op);           // 为SELECT 新建一 OPTION(op)

select.options.length=0;           //把select对象的所有option清除掉

select.options.remove(i);           //把select对象的第i个option清除掉

==请选择人员==
test

===============================================================================

var year = document.getElementById ("year");
var date = new Date();
for ( var i = 1890; i < date.getFullYear() + 1; i++)
{
    var opt = document.createElement ("option");
    opt.value = i;
    opt.innerText = i;
    year.appendChild (opt);
}



类似的...

1

js里用addOption方法，给select动态添加option。