87,910
社区成员
发帖
与我相关
我的任务
分享js中关于给select添加option在ie与ff中的问题
我用以下代码在IE中可以实现添加option
但在ff中却不显示文字，是怎么回事？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Untitled Document</title>
</head>
<script type="text/javascript" language="javascript">
function addOption(objSelectNow,txt,val)
{
/// 使用W3C标准语法为SELECT添加Option
var objOption = document.createElement("OPTION");
objOption.setAttribute("text", txt);
objOption.setAttribute("value", val);
objOption.setAttribute("index", val);
objSelectNow.options.add(objOption);
}
function addOptionGroup(selectId,optGroupString)
{
var optGroup = optGroupString.split(",");
var objSelect = document.getElementsByTagName("SELECT");
var objSelectNow = objSelect[selectId];
objSelectNow.length = 1;
/// 成组添加Options
for (i=0; i<optGroup.length; i++)
{
addOption(objSelectNow, optGroup[i], i);
}
}
</script>
<body onload=javascript:addOptionGroup("province","北京,上海,天津")>
<select name="province" id="province">
<option value="0" selected="selected">请选择</option>
</select>
</body>
</html>
但在ff中却不显示文字，是怎么回事？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Untitled Document</title>
</head>
<script type="text/javascript" language="javascript">
function addOption(objSelectNow,txt,val)
{
/// 使用W3C标准语法为SELECT添加Option
var objOption = document.createElement("OPTION");
objOption.setAttribute("text", txt);
objOption.setAttribute("value", val);
objOption.setAttribute("index", val);
objSelectNow.options.add(objOption);
}
function addOptionGroup(selectId,optGroupString)
{
var optGroup = optGroupString.split(",");
var objSelect = document.getElementsByTagName("SELECT");
var objSelectNow = objSelect[selectId];
objSelectNow.length = 1;
/// 成组添加Options
for (i=0; i<optGroup.length; i++)
{
addOption(objSelectNow, optGroup[i], i);
}
}
</script>
<body onload=javascript:addOptionGroup("province","北京,上海,天津")>
<select name="province" id="province">
<option value="0" selected="selected">请选择</option>
</select>
</body>
</html>
...全文
请发表友善的回复…
发表回复
Fibona 2005-12-29
- 打赏
- 举报
var objOption = document.createElement("OPTION");
objOption.text= txt;
objOption.value=val;
objSelectNow.options.add(objOption);
objOption.text= txt;
objOption.value=val;
objSelectNow.options.add(objOption);
ice_berg16 2005-12-29
- 打赏
- 举报
function addOption(objSelectNow,txt,val)
{
/// 使用W3C标准语法为SELECT添加Option
var objOption = document.createElement("OPTION");
objOption.text= txt;
objOption.value=val;
objSelectNow.options.add(objOption);
}
{
/// 使用W3C标准语法为SELECT添加Option
var objOption = document.createElement("OPTION");
objOption.text= txt;
objOption.value=val;
objSelectNow.options.add(objOption);
}
arcow 2005-12-29
- 打赏
- 举报
自己up
