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

如何重置select为初始状态

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

怎么重置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. php jQuery json 你呀的你如何就传不回来呢？晕，原来这样，处理回调的文件一定不能有htm静态文本
  2. JavaScript兑现Struts2+Ajax返回文本字符串
  3. JSP惯用禁止缓存的四种方法
  4. javascript 阻止表单提交的有关问题
  5. jsp中动态include包含文件的小疑点
  6. Javascript 操作select控件大全（新增、批改、删除、选中、清空、判断存在等）
  7. 这段代码怎么解密
  8. 新人求解easyui-datetimebox有关问题
  9. javascript啊