如何动态的给html页面中的下拉列表添加一行值，也就是说原来有三个选项，现在多加一项！
展开全部
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function add(){
var option = null;
var temp= document.getElementById("select");
option = document.createElement("option");
option.appendChild(document.createTextNode(document.getElementById("textfield").value));
option.vaule = document.getElementById("textfield").value;
temp.appendChild(option);
}
</script>
</head>
<body>
<label>
<input type="text" name="textfield" id="textfield" />
</label>
<label>
<input type="submit" name="button" id="button" value="添加" onclick="add();"/>
</label>
<label>
<select name="select" id="select">
<option value="111">111</option>
<option value="222">222</option>
</select>
</label>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function add(){
var option = null;
var temp= document.getElementById("select");
option = document.createElement("option");
option.appendChild(document.createTextNode(document.getElementById("textfield").value));
option.vaule = document.getElementById("textfield").value;
temp.appendChild(option);
}
</script>
</head>
<body>
<label>
<input type="text" name="textfield" id="textfield" />
</label>
<label>
<input type="submit" name="button" id="button" value="添加" onclick="add();"/>
</label>
<label>
<select name="select" id="select">
<option value="111">111</option>
<option value="222">222</option>
</select>
</label>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
