select控件怎样用js动态添加option项 ?
var option=document.createElement ("option");
option.text=name;//name 是一个值
option.value=id;//id 是一个值 var sel= document.getElementById("Selected1");
sel.appendChild(option);但是还是天加不了
var option=document.createElement ("option");
option.text=name;//name 是一个值
option.value=id;//id 是一个值 var sel= document.getElementById("Selected1");
sel.appendChild(option);但是还是天加不了
这个链接肯定对你有帮助。
function jsAddItemToSelect(objSelect, objItemText, objItemValue) {
//判断是否存在
if (jsSelectIsExitItem(objSelect, objItemValue)) {
alert("该Item的Value值已经存在");
} else {
var varItem = new Option(objItemText, objItemValue);
objSelect.options.add(varItem);
alert("成功加入");
}
}
不信插不进来超链接!
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm3.aspx.cs" Inherits="CheckBox.WebForm3" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title>
</head>
<body>
<form id="form1" runat="server">
<select id="Select1" style="left: -43px; width: 184px; position: relative; top: 103px">
<option selected="selected"></option>
</select>
<input type="button" onclick="add()" value="add" />
<script type="text/javascript" >
function add()
{
var newOption = document.createElement("option");
newOption.value="oec2003" ;
newOption.text="oec2003";
document.getElementById("Select1").options.add(newOption);
}
</script>
</form>
</body>
</html>
sel.options.add(new Option("请选择",""));
sel.options.add(new Option("name","id"));
{
var sel= document.getElementById("Select1");
sel.options.add(new Option("name","id"));
}
<select id="Select1">
<option selected="selected"></option>
</select>
<input id="Button1" type="button" value="button" onclick ="b();" />
document.getElementById('Sales').options[0] = new Option('aa','aa');