首頁 >web前端 >js教程 >JS如何為下拉方塊設定預設值?

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

Guanhui
Guanhui原創
2020-06-13 12:00:357075瀏覽

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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn