jQuery生成select下拉列表
Posted kukai
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jQuery生成select下拉列表相关的知识，希望对你有一定的参考价值。
<!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下拉列表的主要内容，如果未能解决你的问题，请参考以下文章
显示/隐藏 <select> 下拉列表，使用 jQuery，基于值