var dept ="<%=getdataset()%>";
var genderArr = dept.split(",");
for(var i=0;i<genderArr.length-1;i++)
{
var varItem = new Option(genderArr[i],genderArr[i]);
document.getElementById("Gender").options.add(varItem);
}dept和genderArr的值都是对的,但是就是不能给select"Gender"添加新的option。
为什么??
var genderArr = dept.split(",");
for(var i=0;i<genderArr.length-1;i++)
{
var varItem = new Option(genderArr[i],genderArr[i]);
document.getElementById("Gender").options.add(varItem);
}dept和genderArr的值都是对的,但是就是不能给select"Gender"添加新的option。
为什么??
解决方案 »
- 严重: Servlet.service() for servlet [jsp] in context with path [/mybbs] threw exce
- 复选框相加
- 请问如何实现js打印局部例如某一个框架中的页面内容?
- 终于 5角了~ 散分!!!!
- 如何让javascript事件只在页面第一次载入时执行?
- 用Javascript怎样实现一个时钟?
- 【求助】在同一页面,不同表传值问题(JQuery弹框)
- hbhbhbhbhb1021(天外水火(我要多努力)) ( ) 信誉:100 进来领分
- 函数调用问题
- 如何方便的将form里的输入框全部变成readonly
- JAVASCRIPT与数据库字段的问题,请各位指教。
- JavaScript里获得未知行的数据
var genderArr = dept.split(",");
for(var i=0;i <genderArr.length-1;i++)
{
document.getElementById("Gender").options[i]=new Option(genderArr[i],genderArr[i]);
}
<table id="tbl">
<tr ><td colspan="2"><input id="btnAdd" type="button" value="Add" onclick="return btnAdd_onclick()" /></td></tr>
<tr id="actionrow">
<td>Dept.<select id="Gender" name="D1" onchange="return ChangeSelect(this)">
</select>
</td>
<td style="display:none" id="personInfo">
Name
<select id="Person" name="D2" >
<option></option>
</select>
</td>
</tr>
</table>
也可以用 options.push(....) 来添加
var dept =" <%=getdataset()%>";
var genderArr = dept.split(",");
var obj=document.getElementById("Gender")
for(var i=0;i <genderArr.length-1;i++)
{
CreateOption(obj,genderArr[i],genderArr[i])
}
function CreateOption(obj,v,t)
{
var opTemp=document.createElement("option");
opTemp.value=v;
opTemp.text=t;
try
{
obj.add(opTemp);
}
catch(e)
{
obj.add(opTemp, null);
}
}
<!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 id="Head1"><title>
Untitled Page
</title>
<script type="text/javascript" src="js/jquery.min.js"></script><script type="text/javascript">
var i=0; var dept ="PO,Product,Service,";
var genderArr = dept.split(",");
alert(genderArr[0]);
for(var j=0;j<genderArr.length-1;j++)
{
var varItem = new Option(genderArr[i],genderArr[i]);
document.getElementById("Gender").options.add(varItem); }
</script>
</head>
<body>
<form name="form1" method="post" action="Default2.aspx" id="form1">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTQwMDkwNTc1NGRkpmdxxPPSWI7MaCo/G5UHGkkmD24=" />
</div> <div>
<table id="tbl"><tr ><td colspan="2"><input id="btnAdd" type="button" value="Add" onclick="return btnAdd_onclick()" /></td></tr>
<tr id="actionrow"><td>Dept.<select id="Gender" name="D1" onchange="return ChangeSelect(this)">
</select>
</td>
<td style="display:none" id="personInfo">
Name
<select id="Person" name="D2" >
<option></option>
</select>
</td>
</tr></table>
</div>
</form>
</body>
</html>
<head id="Head1"> <title>
Untitled Page
</title>
<script type="text/javascript" src="js/jquery.min.js"> </script> </head>
<body>
<form name="form1" method="post" action="Default2.aspx" id="form1">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTQwMDkwNTc1NGRkpmdxxPPSWI7MaCo/G5UHGkkmD24=" />
</div> <div>
<table id="tbl"> <tr > <td colspan="2"> <input id="btnAdd" type="button" value="Add" onclick="return btnAdd_onclick()" /> </td> </tr>
<tr id="actionrow"> <td>Dept. <select id="Gender" name="D1" onchange="return ChangeSelect(this)">
</select>
</td>
<td style="display:none" id="personInfo">
Name
<select id="Person" name="D2" >
<option> </option>
</select>
</td>
</tr> </table>
</div>
</form> <script type="text/javascript">
var i=0; var dept ="PO,Product,Service,";
var genderArr = dept.split(",");
alert(genderArr[0]);
for(var j=0;j <genderArr.length-1;j++)
{
var varItem = new Option(genderArr[i],genderArr[i]);
document.getElementById("Gender").options.add(varItem); }
</script>
</body>
</html>
即可