Senden mehrere <select> - Elemente mit jQuery POST

Habe ich das jQuery-code hinzufügen<select> Elemente in einer Zeile in der Tabelle mit einem "hinzufügen" - Schaltfläche:

$("#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>');
    });

Was muss ich ändern in der code unten POSTEN zu können mehrere Werte aus der select-Elemente als array? Jetzt ist es nur fügt einen Wert zu dem Zeitpunkt, zu meiner MySQL-Datenbank.

$('#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;
 });
});
  • Erste, ID ' s müssen eindeutig sein. Zweitens, wie willst du senden Sie die Daten wählen? als eine Liste von Werten? oder jeden mit es ist auf die name/Wert-paar.
  • Ich würde gerne den Wert jeder <select id ='plan_id'> als eine Liste von Werten, denke ich mal, damit ich es abholen kann innerhalb eines foreach Schleife mit PHP
InformationsquelleAutor David | 2012-07-10
  1. 3

    Zuerst müssen Sie die Klassen für Ihre wählt statt einer id. jQuery wird nur zurückgeben eines element, wenn Sie eine id. Nach, dass die folgende Funktion konvertiert alle Werte der wählt Sie geben als Parameter die als array.

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

    Also:

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

    Sollte zum Beispiel zurück:

    [1,3,2]
    • Danke. So, nachdem ich erstellt habe, die variable für plan_ids (Sie nannte es course_ids) wie sende ich das mit jQuery POST? Beschreiben Sie bitte mit meinem code in der ursprünglichen Frage!
    • Wie diese: var plan_ids = serealizeSelects($('.plan_id')); $.post('../update.php', { plan_ids: plan_ids }, ...
    • Danke, Es funktioniert jetzt! Jetzt brauche ich nur, um herauszufinden, wie Sie zu sammeln, die Werte in meinem update.php
    • Im Falle des obigen Beispiels in PHP $_POST['course_ids'] halten: array(1,3,2)
    InformationsquelleAutor Lumocra
  2. 3

    Ich würde jedem select - element einen eindeutigen Namen, ein array würde auch hier gut tun, siehe dieses Beispiel:

    $('#selected > tbody:last').append('<tr><td><select id=\'plan_id\' name="my_select[]"><option value=\'1\'>One</option><option value=\'2\'>Two</option><option value=\'3\'>Three</option></select></td></tr>');

    und dann einfach serialisieren Sie das Formular, bevor Sie es zu senden, in:

    var my_data = $("form").serialize();
...

    Edit: Das komplette Beispiel:

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

    und:

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

var my_data = $("form").serialize();

$('#update_status').html('<img src="../images/ajax-loader.gif" />');
$.post('../update.php', my_data, function(data) {
    $('#update_status').html(data);
    return false;
 });
});
    • Ich dir Folgen, aber ich bin nicht in der Lage, damit es funktioniert in meinem code. Würde es Ihnen etwas ausmachen, die mir mit Ihrem code, im inneren ist mir, wie geschrieben, in der ursprünglichen Frage? Vielen Dank im Voraus.
    InformationsquelleAutor jeroen
Schreibe einen Kommentar