JS 实现下拉框回显
Posted Yan Yang
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JS 实现下拉框回显相关的知识，希望对你有一定的参考价值。
学习内容：
需求
用 JS 实现下拉框回显
实现代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>下拉框回显</title>
<script src="/static/jQuery-1.11/jquery-1.11.3.min.js"></script>
<script>
function echo() {
// eq() 方法将匹配元素集缩减值指定 index 上的一个，整数，指示元素的位置（最小为 0）
// $('#s1').val("3");
$('#s1 > option:eq(2)').prop('selected', true);
}
</script>
</head>
<body>
<select id="s1">
<option value="1">选项1</option>
<option value="2">选项2</option>
<option value="3">选项3</option>
<option value="4">选项4</option>
<option value="5">选项5</option>
</select>
<br/>
<input type="button" value="回显第3个选项" onclick="echo();"/><br/>
</body>
</html>
总结：
以上就是用 JS 实现下拉框回显，代码的简单实现了，仅供参考，欢迎讨论交流。
以上是关于JS 实现下拉框回显的主要内容，如果未能解决你的问题，请参考以下文章