Select 2 基礎用法 ======== ###### tags: `JS`, `Select2` ``` <head> <!-- select2 css --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" /> <link rel="stylesheet" href="js/select2/select2-bootstrap4-theme/select2-bootstrap4.min.css" /> </head> <body> <div class="years_select"> <label for="years_select">請選擇年份</label> <select class="years_select" name="state" id="years_select"> <option value="2022">2022</option> <option value="2021">2021</option> <option value="2020">2020</option> <option value="2019">2019</option> <option value="2018">2018</option> </select> </div> <!-- select2 js --> <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script> <script> if ($("#years_select")) { $("#years_select").select2({ width: "75%", minimumResultsForSearch: -1 }); } </script> <body>
×
Sign in
Email
Password
Forgot password
or
By clicking below, you agree to our
terms of service
.
Sign in via Facebook
Sign in via Twitter
Sign in via GitHub
Sign in via Dropbox
Sign in with Wallet
Wallet (
)
Connect another wallet
New to HackMD?
Sign up