js 给select 设置值并设置select 当前选项selected

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

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

js 给select 设置值并设置select 当前选项selected
	<form name="selectDb" method="post">
	<select  name="SelectName">
		<option value="0">天心区</option>
		<option value="2">芙蓉区</option>
		<option value="3">开福区</option>
		<option value="4">雨花区</option>
	</select>
	<select  name="SelectPrice">
		<option value="0">2000-5000</option>
		<option value="2">5000-8000</option>
		<option value="3">8000-10000</option>
		<option value="4">10000-13000</option>
	</select>
	<select  name="SelectType">
		<option value="0">别墅</option>
		<option value="2">商品</option>
		<option value="3">小高层</option>
		<option value="4">店面</option>
	</select>
	<input name="" type="submit" value="提交" />
	<label>
	<input type="button" name="Submit" value="增加地区"  onclick="onclickAdd(5,'长沙',SelectName);" />
	<input type="button" name="Submit" value="增加价格"  onclick="onclickAdd('1000-2000','1000-2000',SelectPrice);" />
	<input type="button" name="Submit" value="房屋类型"  onclick="onclickAdd('经济房','经济房',SelectType);" />
	</label>
	</form>
	<script language="javascript">
		function onclickAdd(id,cityname,obj)
		{			
			var opt = new Option(cityname,id); 
			obj.options.add(opt); 				
			var c = obj.options.length-1;					
			obj.options[c].selected=true;	
		}		
	</script>
本站原创 转载注明www.111com.net

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

推荐专题

最新下载

热门教程

js 给select 设置值并设置select 当前选项selected

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程