jQuery val()方法的用法

表單元素和一般元素不太一樣，它們的值都是通過 value 屬性來定義的。因此，我們不能使用 html() 和 text() 這兩個方法來獲取表單元素的值。

在 jQuery 中，我們可以使用 val() 來獲取和設定表單元素的值。

語法：

$().val() //獲取值
$().val("值內容") //設定值

舉例：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="js/jquery-1.12.4.min.js"></script>
    <script>
        $(function () {
            $("#btn_get").click(function(){
                var str1 = $("#txt1").val();
                alert(str1);
            });
            $("#btn_set").click(function(){
                var str2 = "給你初戀般的感覺";
                $("#txt2").val(str2);
            });
        })
    </script>
</head>
<body>
    <input id="txt1" type="text" value="C語言中文網"/><br/>
    <input id="txt2" type="text" /><br/>
    獲取第1個文字方塊的值：<input id="btn_get" type="button" value="獲取"/><br/>
    設定第2個文字方塊的值：<input id="btn_set" type="button" value="設定">
</body>
</html>

預覽效果如圖 1 所示。

圖 1：val() 方法的效果