已经定义好的select,动态添加option

来源:互联网 发布:怎样发淘宝链接网址 编辑:程序博客网 时间:2024/05/22 06:16

代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>动态定义select</title>
<script type="text/javascript" src="../../jquery-1.8.0.min.js"></script>
<script type="text/javascript">
//只能以这种方式,不支持  var selIndex=$("#s1");   
  $(function(){
   var countries=new Array();
countries[0]=["Alabama","Alaska","Arizona","Arkansas","California","Colorado"];
countries[1]=["AL","AK","AZ","AS","CA","CO"];

var selIndex=document.getElementById("s1");
var newOption;

for(var j in countries[0]){

                    //new Option("option的文本信息"."option的value");
   newOption=new Option(countries[0][j],countries[1][j]);
   selIndex.add(newOption);
}
});
</script>
</head>
<body>
<h2>动态添加option</h2>
<select id="s1" name="state" style="width:200px;"></select>
</body>
</html>

图片效果如下:




0 0
原创粉丝点击