JS操作下拉列表(添加,清空,循环值)
2009-06-25 16:52
246 查看
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title>
<script language="javascript" type="text/javascript">
// <!CDATA[
function Button2_onclick() {
//向下拉列表添加值
var select=document.getElementById("select");
var option = new Option('韩国料理','62');
select.options.add(option);
select.options.add(new Option('韩国料理','62'));
}
//循环获得所有值得
function dis(v)
{
var dr=document.getElementById("DropDownList2");//获得下拉列表
for(var i=0;i<dr.length;i++)//循环隐藏
{
var trID=dr.options[i].value+"_1";
document.getElementById(trID).style.display="none";
}
document.getElementById(v).style.display="block";//指定显示
}
function Button3_onclick() {
//清空
var select=document.getElementById("select");
select.length=0;
}
// ]]>
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<select id="select" style="width: 147px">
</select>
<br />
<input id="Button2" type="button" value="添加" onclick="return Button2_onclick()" />
<input id="Button3" type="button" value="清空" onclick="return Button3_onclick()" /></div>
</form>
</body>
</html>
<head runat="server">
<title>无标题页</title>
<script language="javascript" type="text/javascript">
// <!CDATA[
function Button2_onclick() {
//向下拉列表添加值
var select=document.getElementById("select");
var option = new Option('韩国料理','62');
select.options.add(option);
select.options.add(new Option('韩国料理','62'));
}
//循环获得所有值得
function dis(v)
{
var dr=document.getElementById("DropDownList2");//获得下拉列表
for(var i=0;i<dr.length;i++)//循环隐藏
{
var trID=dr.options[i].value+"_1";
document.getElementById(trID).style.display="none";
}
document.getElementById(v).style.display="block";//指定显示
}
function Button3_onclick() {
//清空
var select=document.getElementById("select");
select.length=0;
}
// ]]>
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<select id="select" style="width: 147px">
</select>
<br />
<input id="Button2" type="button" value="添加" onclick="return Button2_onclick()" />
<input id="Button3" type="button" value="清空" onclick="return Button3_onclick()" /></div>
</form>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- js怎么添加一个下拉列表的值
- js技术实现html页面解析xml文档的级联下拉列表操作
- js操作select 添加 删除 修改 清空 选择 获取
- js操作select下拉列表的一些通用代码
- js向下拉列表的末尾添加一个 "nami" 选项
- js操作select下拉列表的一些通用代码
- js-下拉列表操作（onchange）
- js下拉列表添加监听事件（支持所有主流浏览器）
- js 获取与清空下拉列表的值
- js操作select下拉列表的一些通用代码
- AngulrJS 表格查询-添加-下拉列表-删除的使用
- JS中下拉列表相关操作
- js操作select下拉列表的一些通用代码
- 表格中用js左右添加从下拉列表中选择的内容
- js操作下拉列表
- js添加下拉列表
- JS下拉列表的操作--学习
- 使用JS，如何给下拉列表动态的添加一个option 选项？
- 下拉列表 级联菜单操作（js代码的级联操作）
- JS操作下拉列表