JavaScript-IE6中给select中动态添加option并设置select值不生效如何解决?

小组聊天灌水 小组聊天灌水 主题:993 回复:2175

JavaScript-IE6中给select中动态添加option并设置select值不生效如何解决?

虐人心 发布于 2017-10-06 字数 65 浏览 1256 回复 3

在FF chrome下没有任何问题,只有IE6出错,谁碰到过这个问题么

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

支持 Markdown 语法,需要帮助?

评论(3

想挽留 2017-10-24 3 楼

提供两种原始js生成的:

//第一种:
var op=document.createElement("option"); // 新建OPTION (op)
select.appendChild(op);
op.text = 'hello world';
op.value =3;

//第二种:
var op=document.createElement("option"); // 新建OPTION (op)
op.setAttribute("value",0); // 设置VALUE
op.appendChild(document.createTextNode("请选择")); // 设置TEXT
select.appendChild(op);

晚风撩人 2017-10-15 2 楼

我们项目是这样写的,能兼容ie。
$('mySelect').options.add(new Option('请选择',''));
$('mySelect').options.add(new Option("文本","值");

偏爱自由 2017-10-13 1 楼

示例如下:

function getNewList(pList,cListID,selectedValue)
{
var drp2 = document.getElementById(cListID);
for(var i=drp2.options.length-1;i>=0;i--)
{
drp2.options.remove(i);
}
var oHttpReq = new ActiveXObject("MSXML2.XMLHTTP"); //发送请求
var oDoc = new ActiveXObject("MSXML2.DOMDocument"); //响应结果
var pID = pList.value;
oHttpReq.open("post","inc/getChildList.aspx?p="+pID, false);
oHttpReq.send("");
var result = oHttpReq.responseText;
oDoc.loadXML(result);
var items = oDoc.selectNodes("//NewDataSet/test");
var newOption;
var exist = false;
newOption = document.createElement("OPTION");
newOption.text = "请选择"; 
newOption.value = "-1"; 
drp2.options.add(newOption);

for(var i = 0;i<items.length;i++)
{
 var name = oDoc.selectSingleNode("//NewDataSet/test[" + i + "]/name").text;
var id = oDoc.selectSingleNode("//NewDataSet/test[" + i + "]/id").text;
newOption = document.createElement("OPTION");
newOption.text = name; 
newOption.value = id;
if(id == selectedValue)
{
    exist = true;
} 
drp2.options.add(newOption);  
}

if(exist == true) drp2.value = selectedValue

}

代码来自这里,可以参考下。