js为select动态添加option，使用webservice提供数据
2011-08-07 21:09
1116 查看
<head runat="server">
<title>动态添加option</title>
<script>
function myclick()
{
WebService.GetDayEnum(onSuccess);
}
function onSuccess(result)
{
var myselect= document.getElementById("myselect");
for(var i=0;i<8;i++)
{
myselect.options[i] = new Option(result[i],i);
}
}
</script>
</head>
<body onload="myclick();">
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
<Services>
<asp:ServiceReference Path="~/WebService.asmx" />
</Services>
</asp:ScriptManager>
<div>
<input type="button" value="test" onclick="myclick();"/>
<select id="myselect">
</select>
</div>
</form>
</body>
<title>动态添加option</title>
<script>
function myclick()
{
WebService.GetDayEnum(onSuccess);
}
function onSuccess(result)
{
var myselect= document.getElementById("myselect");
for(var i=0;i<8;i++)
{
myselect.options[i] = new Option(result[i],i);
}
}
</script>
</head>
<body onload="myclick();">
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
<Services>
<asp:ServiceReference Path="~/WebService.asmx" />
</Services>
</asp:ScriptManager>
<div>
<input type="button" value="test" onclick="myclick();"/>
<select id="myselect">
</select>
</div>
</form>
</body>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- javascript--使用js对select动态添加和删除OPTION
- 使用js对select动态添加和删除OPTION
- 使用js对select动态添加和删除OPTION示例代码
- 使用js对select动态添加和删除OPTION示例代码
- 使用js对select动态添加和删除OPTION示例代码
- 使用js对select动态添加和删除OPTION
- js对select动态添加和删除OPTION
- js动态添加表格数据使用insertRow和insertCell实现
- ajax异步获取数据，动态添加select标签中的option
- js对select动态添加和删除OPTION
- JS对select动态添加option操作 （三级联动） （搜索拼接）
- js中select动态添加option
- JS动态添加与删除select中的Option对象(示例代码)
- 关于js遍历list集合，获取select选中的值以及动态添加option
- js动态添加select的option选项
- select 下拉菜单Option对象使用add(elements,index)方法动态添加
- JS动态添加与删除select中的Option对象(示例代码)
- Select中使用js动态修改了Option时如何触发onchange事件
- 用js动态添加select标签的option
- 使用js 在IE和火狐firfox 里动态增加select 的option