在javaScript里面怎么清空下拉框的值
我在写一个程序``用到了javaScript，但是不知道怎么给一个下拉框的值清空希望那位大虾帮下忙给点代码...
我在写一个程序``用到了javaScript，但是不知道怎么给一个下拉框的值清空希望那位大虾帮下忙给点代码
展开
6个回答
展开全部
给你个例子,是部分代码,我想会有些提示的.用ASP无法实现的,必须借助javascript.你看看
<html>
<head>
<script LANGUAGE="javascript">
subcity = new Array(); //定义一个数组，存放所有区县信息
<%
'下面输出所有区县信息,其实利用ASP动态输出JavaScript代码，请注意和Select1.htm的内容比较
Dim db
Set db=Server.CreateObject("ADODB.Connection")
strcon="dbq="&server.mappath("city.mdb")&";driver={microsoft access driver (*.mdb)}"
db.open strcon
Dim strSql,rs,I
strSql="Select * From cities"
Set rs=db.Execute(strSql)
I=0
Do While Not rs.Eof
Response.Write "subcity[" & I & "] = new Array(""" & rs("ProID") & """,""" & rs("CityName") & """,""" & rs("CityID") & """);" & Chr(10) '最后输出一个换行符
I=I+1
rs.MoveNext
Loop
%>
//下面函数用来切换区县
function mychange(provalue) { //proValue参数传入客户选中的省份编号
document.myform.dropcity.length = 0; //将city下拉框先清空
document.myform.dropcity.options[0] = new Option('==请选择区县==','');//先添加第0行
var i;
for (i=0;i < subcity.length; i++) // subcity.length表示数组长度，为5
{
if (subcity[i][0] == provalue) //判断是否属于所选省份
{
//下面语句将在city下拉框最下边添加一个新项
document.myform.dropcity.options[document.myform.dropcity.length] = new Option(subcity[i][1],subcity[i][2]);
}
}
}
</script>
</head>
<body>
<form name="myform" method="post">
<select name="droppro" onChange="mychange(this.options[this.selectedIndex].value);">
<option value="">==请选择省份==</option>
<%
'下面读取所有省份信息
strSql="Select * From provinces"
Set rs=db.Execute(strSql)
Do While Not rs.Eof
Response.Write "<option value='" & rs("ProID") & "'>" & rs("ProName") & "</option>"
rs.MoveNext
Loop
%>
</select>
<select name="dropcity">
<option value="">==请选择区县==</option>
</select>
</form>
</body>
</html>
<html>
<head>
<script LANGUAGE="javascript">
subcity = new Array(); //定义一个数组，存放所有区县信息
<%
'下面输出所有区县信息,其实利用ASP动态输出JavaScript代码，请注意和Select1.htm的内容比较
Dim db
Set db=Server.CreateObject("ADODB.Connection")
strcon="dbq="&server.mappath("city.mdb")&";driver={microsoft access driver (*.mdb)}"
db.open strcon
Dim strSql,rs,I
strSql="Select * From cities"
Set rs=db.Execute(strSql)
I=0
Do While Not rs.Eof
Response.Write "subcity[" & I & "] = new Array(""" & rs("ProID") & """,""" & rs("CityName") & """,""" & rs("CityID") & """);" & Chr(10) '最后输出一个换行符
I=I+1
rs.MoveNext
Loop
%>
//下面函数用来切换区县
function mychange(provalue) { //proValue参数传入客户选中的省份编号
document.myform.dropcity.length = 0; //将city下拉框先清空
document.myform.dropcity.options[0] = new Option('==请选择区县==','');//先添加第0行
var i;
for (i=0;i < subcity.length; i++) // subcity.length表示数组长度，为5
{
if (subcity[i][0] == provalue) //判断是否属于所选省份
{
//下面语句将在city下拉框最下边添加一个新项
document.myform.dropcity.options[document.myform.dropcity.length] = new Option(subcity[i][1],subcity[i][2]);
}
}
}
</script>
</head>
<body>
<form name="myform" method="post">
<select name="droppro" onChange="mychange(this.options[this.selectedIndex].value);">
<option value="">==请选择省份==</option>
<%
'下面读取所有省份信息
strSql="Select * From provinces"
Set rs=db.Execute(strSql)
Do While Not rs.Eof
Response.Write "<option value='" & rs("ProID") & "'>" & rs("ProName") & "</option>"
rs.MoveNext
Loop
%>
</select>
<select name="dropcity">
<option value="">==请选择区县==</option>
</select>
</form>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
demo:
<select id="allName">
<option value="zhangsan">张三</option>
<option value="lisi">李四</option>
<option value="wangwu">王五</option>
<option value="zhaoliu">赵六</option>
</select>
<script>
function clearSelect(){
//获取select dom对象
var allSelect = document.getElementById("allName");
//获取select下拉框下所有的选项
var optionArr = allSelect.getElementsByTagName("option");
var len = optionArr.length;
for(var i=0;i<len;i++){
//将其对应序号的option删除
allSelect.remove(optionArr[i]);
}
}
</script>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
1、给下拉框设置空值，
2、给下拉框设置事件触发，当符合某条件时将下拉框的值设置为空即可
2、给下拉框设置事件触发，当符合某条件时将下拉框的值设置为空即可
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script languange="JAVAscript">
function reset()
{
document.getElementById("下拉框的名字").value="";
}
</script>
<input type="button" value="清空" onclick="return reset()">
function reset()
{
document.getElementById("下拉框的名字").value="";
}
</script>
<input type="button" value="清空" onclick="return reset()">
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<select id=xxx>
<option>111</option>
<option>222</option>
<option>333</option>
</select>
<script>
xxx.options.length=0;
//或者：xxx.innerHTML="";
</script>
<option>111</option>
<option>222</option>
<option>333</option>
</select>
<script>
xxx.options.length=0;
//或者：xxx.innerHTML="";
</script>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
