JavaScript实现js添加dom元素(以下拉框为例子)

效果图:

也可以根据自己的需要更改下拉框的值
JavaScript实现js添加dom元素(以下拉框为例子)_第1张图片

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body> 
		 
		<input type="button" id="" value="添加" onclick="add()" />
		<div id="sel">
			
		</div>
		<script type="text/javascript">
			function add(){
				var select=document.createElement("select");
				var op1=document.createElement("option");
				op1.value="1801";
				op1.innerText="移动互联";
				select.appendChild(op1);
				document.getElementById("sel").appendChild(select)
			}
		</script>

		
	</body>
</html>

你可能感兴趣的:(JavaScript实现js添加dom元素(以下拉框为例子))