jQuery是一種基于JavaScript的庫,提供了許多便利的函數和方法來操作HTML文檔、樣式和數據。其中,通過name屬性提交數組是jQuery中非常常見的一種用法。
//html代碼 <form> <input type="text" name="fruit[]" value="apple" /> <input type="text" name="fruit[]" value="banana" /> <input type="text" name="fruit[]" value="orange" /> <input type="submit" value="提交" /> </form> //jQuery代碼 $('form').submit(function() { var fruits = $(this).serializeArray(); console.log(fruits); return false; });
在HTML中,我們使用name屬性來標識表單元素。在這個例子中,我們設置了三個相同name值的文本框,并且在name值后面加了一個方括號,這表示我們要提交的是一個數組。
使用jQuery的serializeArray()函數可以將表單元素序列化為一個JSON數組對象。這個數組對象包含每個表單元素的name屬性和value屬性。在這個例子中,我們得到的數組為:
[ {"name":"fruit[]", "value":"apple"}, {"name":"fruit[]", "value":"banana"}, {"name":"fruit[]", "value":"orange"} ]
我們可以通過這個數組來獲取表單元素的值,并傳遞到后臺。這個函數在表單中有多個相同name屬性的元素時特別有用,可以很方便地將它們作為一個數組一起提交。
下一篇淡入的css寫法