0
A
回答
1
讓我們看看這個HTML作爲樣本 -
<div id="vanyov">
<select>
<option value="Beer"></option>
<option value="Wine"></option>
<option value="Water"></option>
...
</select>
<select>
<option value="Steak"></option>
<option value="Pizza"></option>
...
</select>
...
</div>
<!-- I hope I put the right choices in here.
everyone cool with Beer and Pizza right? ;) -->
您可以使用jQuery返回所有選擇你需要的元素,然後解析它們全部將它們添加到JSON對象。
var valuesJSON = {};
$.each($("#vanyov select"),function(index,elem){
valuesJSON[index] = $(elem).val();
});
這將與所述#vanyov
元素添加所有<select>
元素的值。
但這是怎麼回事?讓我們來看看 -
var valuesJSON = {}
- 這是一些速記代碼來創建一個名爲valuesJSON一個新的空對象。$.each
- 這是一個jQuery函數,它會循環所有你給它的元素。數組和對象,特別是jQuery selectors返回的元素組。還有一個回調函數通過$.each
發現的每個項目。$("#vanyov select")
- 這裏我們告訴jQuery給我們所有<select>
元素,它們是#vanyov
元素的後代。valuesJSON[index]
- 這是我們向JSON添加新項目的地方。我們使用index
參數,因爲它們就在那裏!簡單!$.each
函數提供它們。$(elem).val()
- 我們與$()
包裹elem
參數,將其轉換成一個jQuery對象,然後我們使用val()
功能來選擇的下拉列表中提取<option>
元素的值。
然後發出您的訂單與Ajax調用也許 -
$.post('/ajax/lyubomir',valuesJSON,function(response){
// Return values here
},"json");
我希望他們很快到來 - 在那之後,我餓了......
1
如果您需要創建一個值的數組,你一定要檢查serializeArray方法。您會在同一頁上找到優秀的usage example,您向下滾動一下。
相關問題
- 1. jQuery通過AJAX更改下拉菜單
- 2. 通過ajax調用下拉菜單
- 3. 動態通過jQuery Ajax從客戶端表單傳遞數據
- 4. MYSQL/Ajax/PHP生成的下拉菜單不通過'GET'傳遞值
- 5. 通過jQuery傳遞表單數組數據AJAX
- 6. 從下拉菜單將多個參數傳遞給url
- 7. 通過JQuery/Ajax傳遞值
- 8. 通過jquery/ajax傳遞數據在表單提交
- 9. 通過下拉菜單選擇的值(列表)作爲通過Ajax參數傳遞給控制器
- 10. 從數據庫動態填充下拉菜單通過JSTL
- 11. ASP.NET/C#錯誤 - 從下拉列表通過ajax傳遞值
- 12. 通過計算從其他下拉菜單中下拉更改。 Jscript/Ajax?
- 13. 從json數據創建下拉菜單
- 14. jquery - 兩個下拉菜單
- 15. 從AJAX下拉菜單保存的數據不正確
- 16. 通過jQuery的傳遞數組ajax
- 17. jquery ajax通過函數傳遞變量
- 18. 通過jquery ajax請求傳遞數組?
- 19. AJAX - jQuery - 三重動態下拉菜單
- 20. 用下拉菜單調用jquery ajax()?
- 21. 數據表通過下拉菜單選擇項過濾
- 22. AJAX多重下拉菜單
- 23. jquery下拉菜單
- 24. jquery下拉菜單
- 25. 通過ajax將多個數據從servlet傳遞給jsp
- 26. 通過ajax傳遞畫布數據
- 27. 如何通過AJAX傳遞數據 - Elgg
- 28. 從下拉列表中傳遞數據
- 29. 傳遞數組通過AJAX
- 30. 通過Ajax傳遞參數
你能更具體嗎? – 2012-03-18 18:01:44
我有兩列和約10行的表,但用戶可以添加或刪除rows.In每我有drop.in每個col下拉是相同的。我需要看看在所有選擇的值第一欄中的元素,然後在第二,併發送他們爭取AJAX到PHP文件保存在數據庫中。 – 2012-03-18 18:09:50
@stackoverflow - 由非常*官方*用戶編輯的非常**正式**編輯;) – Lix 2012-03-18 18:19:16