码迷,mamicode.com
首页 > Web开发 > 详细

JS动态添加到下拉列表数据

时间:2019-12-29 18:10:57      阅读:343      评论:0      收藏:0      [点我收藏+]

标签:inpu   img   head   image   onclick   select   obj   value   省份   

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS动态添加删除表格数据</title>
</head>
<body>
<script type="text/javascript">
function f() {
var provinceName=document.getElementById("provinceName").value;
var province=document.getElementById("province");
var optionObj=document.createElement("option");
optionObj.innerHTML=provinceName;
optionObj.value=provinceName;
province.appendChild(optionObj);

}
</script>
<input type="text" id="provinceName"><br>
<input type="button" value="添加" onclick="f()"><br>
<select name="province" id="province">
<option>--请选择省份--</option>
</select>
</body>
</html>

技术图片

JS动态添加到下拉列表数据

标签:inpu   img   head   image   onclick   select   obj   value   省份   

原文地址:https://www.cnblogs.com/god1/p/12115474.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!