发送多个< select> jQuery POST的元素 [英] Send multiple <select> elements with jQuery POST

问题描述

我有这个jQuery代码，可以通过添加"按钮在表行中添加<select>个元素:

I have this jQuery code to add<select> elements in a table row with an "add" button:

$("#add").click(function() {
    $('#selected > tbody:last').append('<tr><td><select id=\'plan_id\'><option value=\'1\'>One</option><option value=\'2\'>Two</option><option value=\'3\'>Three</option></select></td></tr>');
    });

我需要在下面的代码中进行哪些修改，才能将选择元素中的多个值作为数组发布?现在，它一次只向我的MySQL数据库插入一个值.

What do I need to modify in the below code to be able to POST multiple values from the select elements as an array? Right now it only inserts one value at the time to my MySQL database.

$('#course_update').click(function() {

var course_id = $('#course_id').val();
var plan_id = $('#plan_id').val();
var price_id = $('#price_id').val();
var course_name = $('#course_name').val();
var course_isActive = $('#course_isActive').val();
var course_city_id = $('#course_city_id').val();


$('#update_status').html('<img src="../images/ajax-loader.gif" />');
$.post('../update.php', {

    course_id: course_id, 
    plan_id : plan_id,
    price_id: price_id,
    course_name: course_name,
    course_city_id: course_city_id,
    course_isActive: course_isActive

    }, function(data) {
    $('#update_status').html(data);
    return false;
 });
});

推荐答案

首先，您必须对选择使用类而不是ID.当您使用id时，jQuery将仅返回一个元素.之后，以下函数将转换您选择的所有值作为数组的参数.

First of all you have to use classes for your selects instead of an id. jQuery will only return one element when you use an id. After that the following function will convert all values of the selects you give as paramater as an array.

/**
 * Convert select to array with values
 */    
function serealizeSelects (select)
{
    var array = [];
    select.each(function(){ array.push($(this).val()) });
    return array;
}

所以:

var course_ids = serealizeSelects($('.course_id'));

例如应该返回:

[1,3,2]

这篇关于发送多个< select> jQuery POST的元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！