javascript想select标签中添加option元素

最新推荐文章于 2024-02-02 15:50:20 发布

蓝色的天空下

最新推荐文章于 2024-02-02 15:50:20 发布

阅读量6.1k

点赞数

分类专栏： web前端 JavaScript 文章标签： javascript button input

本文链接：https://blog.csdn.net/duliming1987/article/details/7334648

版权

JavaScript 同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

web前端

5 篇文章 0 订阅

订阅专栏

<html>
		<head>
			<script type="text/javascript">
				function add(){
					var testSelect = document.getElementById("testSelect");
					//alert(testSelect.options.length);
					//方式1
					var op=document.createElement("option");    		
					op.appendChild(document.createTextNode("方式一"));
					//方式2
					testSelect.appendChild(op);
					testSelect.options[testSelect.options.length] = new Option("方式二", "方式二");
					//方式3
					var op1 = new Option("方式三","方式三",true,true);
					testSelect.options.add(op1);
				}
			</script>
		</head>
		<body>
				<select name="testSelect" id="testSelect">
          	<option label="test1" value="test1" >123</option>
         </select>
         <input type="button" value="add" οnclick="add()"/>
		</body>
</html>

蓝色的天空下

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript想select标签中添加option元素

function add(){ var testSelect = document.getElementById("testSelect"); //alert(testSelect.options.length); //方式1 var op=document.createElement("option"); op.appendChild
复制链接

扫一扫