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

jQuery生成select下拉列表

时间:2019-06-01 11:22:46      阅读:152      评论:0      收藏:0      [点我收藏+]

标签:var   att   北京   下拉   ted   oct   utf-8   har   append   

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="../js/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
$(function () {
var $select = $("#slt");
var id = new Array(1, 2, 3);
var val = new Array("北京", "天津", "上海");

for (var i = 0; i < id.length; i++) {
$select.append("<option value=" + id[i] + ">" + val[i] + "</option>");
}
//通过下拉列表中option的value值来进行默认选中
//$select.find("option[value=3]").attr("selected",true);
//通过下拉列表中包含的文本内容来进行默认选中
$select.find("option:contains(‘上海‘)").attr("selected", true);
})
</script>
</head>
<body>
<select id="slt">
<option value="0"></option>
</select>
</body>
</html>

jQuery生成select下拉列表

标签:var   att   北京   下拉   ted   oct   utf-8   har   append   

原文地址:https://www.cnblogs.com/kukai/p/10958814.html

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