首頁 > web前端 > js教程 > 主體

JS如何為下拉方塊設定預設值?

Guanhui
發布: 2020-06-13 12:00:35
原創
7052 人瀏覽過

JS如何為下拉方塊設定預設值?

JS如何為下拉方塊設定預設值?

首建立一個標準的HTML5文件;

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>
登入後複製

然後在文件裡加入一個下拉框;

<select name="users">
        <option value="1">User 1</option>
        <option value="2">User 2</option>
        <option value="3">User 3</option>
        <option value="4">User 4</option>
        <option value="5">User 5</option>
    </select>
登入後複製

接著將jQuery引入頁面中;

<script src="./js/jquery.min.js"></script>
登入後複製

最後在頁面中寫入script標籤,並在標籤中使用jQuery將下拉框的value設為預設值即可。

<script>
        $(function(){

            $(&#39;.users&#39;).val(2);

        });
    </script>
登入後複製

推薦教學:《JS教學

以上是JS如何為下拉方塊設定預設值?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
js
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板