具备记忆功能 js select 代码

时间：2022-07-02 14:40:51 编辑：袖梨来源：一聚教程网

提示：您可以先修改部分代码再运行

具备记忆功能 js select 代码 
<!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=gb2312" />
<title>js select 具备记忆功能</title>

</head>

<body>

<form action="bb.php" method="post" name="myfm">	
	    <select name="cityid" id="cityid">
	      <option value="0">--全国城市--</option>
		  <option value=10>北京</option>
			<option value=34>广州</option>
			<option value=35>上海</option>
			<option value=11>长沙</option>
			<option value=36>深圳</option>
			<option value=84>武汉</option>
			<option value=85>杭州</option>
			<option value=86>海南</option>
		</select>
</form>
<script language="javascript">
	
	cSelect(11);
	//操作select 
	function cSelect(v)
	{						
		var c = $('cityid');		
		if (c.options)
		{	
			for (var i = 0; i < c.options.length; i++)
			{
				if (c.options[i].value == v)
				{
					c.options[i].selected = true;
					break;
				}
			}
		}
		
	}
	
	function $(id){
		return document.getElementById(id);
	}
</script>
</body>
</html>

提示：您可以先修改部分代码再运行

推荐专题

最新下载

热门教程

具备记忆功能 js select 代码

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程