如何將多個選擇ID傳遞給Ajax函數

Question

我已經創建了多個選擇選項，onchange我想將所有多個選擇ID傳遞給jquery ajax。

目前，單選選項參數工作正常。 如何使用多個選項執行相同操作？

這是我的選擇輸入和腳本

 function update_subscategories_div(id) { console.log(id); jQuery.ajax({ url: "/get_subscategories", type: "GET", data: { "parent_id": id }, dataType: "html", success: function(data) { jQuery("#versionsDiv").html(data); } }); } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select name="customer[category_ids][]" id="customer_category_ids_" onchange="update_subscategories_div(this)" multiple="multiple" class="form-control"> <option value="">Select a parent category</option> <option value="1">option1</option> <option value="2">option2</option> <option value="3">option3</option> <option value="4">option4</option> </select> 

Answer 1

您當前的代碼並沒有太大的意義......你傳遞id服務器，但，這是一個HTML元素，而不是選擇的ID（因為你通過this給函數）。 這是獲取所有當前選定ID的方法。 這會將選擇內容作為數組傳遞給服務器。

注意：我使用的是jQuery不引人注目的事件處理程序，通常認為它比內聯事件處理代碼（更可見，更易維護，代碼與布局分開）是一種更好的做法。

 jQuery(function() { jQuery("#customer_category_ids_").change(function() { var ids = $(this).val(); console.log(ids); jQuery.ajax({ url: "/get_subscategories", type: "GET", data: { "ids": ids }, dataType: "html", success: function(data) { jQuery("#versionsDiv").html(data); } }); }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select name="customer[category_ids][]" id="customer_category_ids_" multiple="multiple" class="form-control"> <option value="">Select a parent category</option> <option value="1">option1</option> <option value="2">option2</option> <option value="3">option3</option> <option value="4">option4</option> </select>