JS 实现下拉框回显


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 实现下拉框回显,代码的简单实现了,仅供参考,欢迎讨论交流。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM