1. 爱易网页
  2. JavaSript
  3. 如何重置select为初始状态

如何重置select为初始状态

日期：2014-05-16　 浏览次数：20422 次

怎么重置select为初始状态？
<select name=aa>
<option value="">-选择大版块-</option>        
<option value="a">a</option>       
<option value="b">b</option>  
<option value="c">c</option>  
<option value="d">d</option>  
 </select>

<select name=bb>
<option value="">-选择大版块-</option>        
<option value="1">1</option>       
<option value="2">2</option>  
<option value="3">3</option>  
<option value="4">4</option>  
 </select>

<div>a</div>
<div>1</div>

想点A重置第一个表单
想点1重置第二个表单

------解决方案--------------------
<div onclick='form1.reset()'>a</div>
 <div onclick='form2.reset()'>1</div>
------解决方案--------------------
先定义一个全局变量，在页面加载完首先保存一下初始值，重置的时候重新把页面初始化记录的值再赋给控件


<!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=utf-8" />

<title>无标题文档</title>

<script language="javascript">

	var defaultValue;

	window.onload = function() {

		defaultValue = {

			"aa" : document.getElementsByName('aa')[0].value,

			"bb" : document.getElementsByName('bb')[0].value

		};

		console.log(defaultValue);

	}

	

	function resetA(){

		document.getElementsByName('aa')[0].selectedIndex = document.getElementsByName('aa')[0].value;

	}

	

	function reset1(){

		document.getElementsByName('bb')[0].selectedIndex = defaultValue["bb"];

	}

</script>

</head>

<body>

	<div id="div1"></div>

	<select name="aa">

		<option value="">-选择大版块-</option>

		<option value="a">a</option>

		<option value="b">b</option>

		<option value="c">c</option>

		<option value="d">d</option>

	</select>



	<select name="bb">

		<option value="">-选择大版块-</option>

		<option value="1">1</option>

		<option value="2">2</option>

		<option value="3">3</option>

		<option value="4">4</option>

	</select>

	<div onclick="resetA()">a</div>

	<div onclick="reset1()">1</div>

</body>

</html>

相关资料更多>

  1. 怎么获取选中文本的位置(通用于text和textarea)
  2. html title 怎样去掉“网页对话框 ”后缀,该怎么解决
  3. js模拟SECLECT，用于自定义SELECT样式，遇到个有关问题，帮看看
  4. EASY中怎么指定datagrid的toolbar为一个DIV
  5. Extjs文件文档集
  6. JavaScript中在<script></script>中间写不写注释< ->有何区别？解决方案
  7. 用C++读取网页数据解决方法
  8. 大神帮小弟我看段js，积分给厚点
  9. 求各结果保留两位小位的有关问题。