Jquery的input元素與name屬性搭配使用時,可以方便地取得輸入框中填入的值。
//獲取名稱為username的輸入框的值 var value = $("[name='username']").val();
上述代碼中,我們使用了屬性選擇器獲取了name屬性為“username”的輸入框,并使用val()方法獲取其值。
同樣的,我們也可以通過其他選擇器獲取相應的輸入框,并取得其中填入的值。
//獲取class為input的所有輸入框的值 $(".input").each(function(){ var value = $(this).val(); console.log(value); })
代碼中,我們使用了類選擇器獲取class為“input”的所有輸入框,然后使用each()方法遍歷每一個輸入框,并輸出其值。
除此之外,我們還可以通過表單的serialize()方法獲取表單中所有輸入框的值并組成一個字符串進行提交。
//獲取名稱為form的表單所有輸入框的值并提交 var formData = $("#form").serialize(); $.ajax({ type: "POST", url: "/submit", data: formData, success: function(){ alert("提交成功!"); } })
上述代碼中,我們使用了id選擇器獲取id為“form”的表單,然后使用serialize()方法獲取其中所有輸入框的值并組成一個字符串進行提交。
總之,Jquery的選擇器與input元素的name屬性可以非常方便地取得輸入框中填入的值,有助于進行表單數據的處理與提交等相關操作。
下一篇dockerwork