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