js中关于给select添加option在ie与ff中的问题

2005-12-29 06:06:07 734 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

AngularJS进阶(二十四)AngularJS与单选框及多选框的双向动态绑定_angularjs怎样根据条件动态展示多选框(1) 通过AngularJS 的内置指令 ng-true-value 和 ng-false-value ，指定多选框在选中和未选中状态下对应的值，再通过ng-model 将其与 $scope 中的属性对应，便实现了type=”checkbox” 的双向动态绑定。但是理想跟现实总是相差太多,在实际操作过程中还是出现了问题。应该是ng-repeat中scope作用域的问题。阅读详情

我用以下代码在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>

...全文