html select的动态创建和optgroup属性

最新推荐文章于 2023-09-25 20:33:44 发布

z25765339

最新推荐文章于 2023-09-25 20:33:44 发布

阅读量1.6k

点赞数

文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/z25765339/article/details/84442304

版权


<html>
<body>
	<script type="text/javascript">
			function createOptions(){
				var mySelect = document.getElementById("mySelect");
				var group=document.createElement('OPTGROUP');
				group.label = "JS创建的optgroup";
				mySelect.appendChild(group);
				mySelect.options.add(new Option("全部","all"));
				mySelect.options.add(new Option("上海市","sh"));
				mySelect.options.add(new Option("北京市","bj"));
				var defaultSelect =  mySelect.options[2];//参数只能是index，从0开始
				defaultSelect.selected = true;
			}
	</script>
	<form>
		<select style="width:150px">
         <optgroup label="--请选择">
         <option value="0">全部</option>
         <option value="1">上海市</option>
         <option value="2">北京市</option>
		</select>
	</BR></BR></BR>
		<select id="mySelect" name="mySelect" style="width:150px"></select>
		<input type="button" onclick="createOptions()" value="js创建optgroup" />
	</form>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

z25765339

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html select的动态创建和optgroup属性

[code="html"] function createOptions(){ var mySelect = document.getElementById("mySelect"); var group=document.createElement('OPTGROUP'); group.label = "JS创建的optgroup"; ...
复制链接

扫一扫