Mithilfe von jQuery, wie Sie ahmen die form der Serialisierung, die für eine Auswahl mit mehreren Optionen ausgewählt, in der ein $.ajax-call?

Unten ist mein $.ajax-Aufrufs,, wie kann ich eine wählt (mehrere) ausgewählte Werte im Daten-Abschnitt?

$.ajax({
    type: "post",
    url: "http://myServer" ,
    dataType: "text",
    data: {
        'service' : 'myService',
        'program' : 'myProgram',
        'start' : start,
        'end' : end ,
        },
    success: function(request) {
      result.innerHTML = request ;
    }   //End success
  }); //End ajax method

BEARBEITEN ich hätte, dass ich verstehe, wie eine Schleife durch die auswählt, die ausgewählte Optionen mit diesem code:

$('#userid option').each(function(i) {
 if (this.selected == true) {

aber wie passe ich in meine Daten: Abschnitt?

InformationsquelleAutor Jay Corbett | 2008-10-12
  1. 5

    wie wäre es mit einem array?

    data: {
    ...
    'select' : ['value1', 'value2', 'value3'],
    ...
},

    Bearbeiten: ah sorry, hier ist der code, ein paar Vorsichtsmaßnahmen:

    'select' : $('#myselectbox').serializeArray(),

    damit serializeArray() zu arbeiten, obwohl, alle Formular-Elemente haben ein name-Attribut. der Wert von 'select' oben wird ein array von Objekten, die die Namen und die Werte der ausgewählten Elemente.

    'select' : [
    { 'name' : 'box', 'value' : 1 },
    { 'name' : 'box', 'value' : 2 }
],

    select-box zu produzieren, die dem obigen Ergebnis wäre:

    <select multiple="true" name="box" id="myselectbox">
   <option value="1" name="option1" selected="selected">One</option>
   <option value="2" name="option2" selected="selected">Two</option>
   <option value="3" name="option3">Three</option>
</select>
    • Sie wahrscheinlich auch wollen, dass der Selektor $(":selected #selectbox"), wobei "#selectbox" ist dein select-tag
    • wenn ich Lesen Sie die Dokumentation für $.ajax...speziell Daten:, ich habe Ihre Antwort mit einem array für 'wählen',...jQuery serialisiert parms die als array eingegeben wurden..so bekommen Sie &select=parm1&select=parm2&select=parm3, etc. Dank
    InformationsquelleAutor Owen
  2. 4

    Dank der Antwort von @Owen, ich habe diesen code zu arbeiten.

    Für eine select-box mit der id="mySelect" multiple="true"

        var mySelections = [];
    $('#mySelect option').each(function(i) {
        if (this.selected == true) {
            mySelections.push(this.value);
        }
    });


    $.ajax({
      type: "post",
      url: "http://myServer" ,
      dataType: "text",
      data: {
        'service' : 'myService',
        'program' : 'myProgram',
        'selected' : mySelections
        },
      success: function(request) {
        result.innerHTML = request ;
      }
    }); //End ajax method
    • ah froh, dass Sie es geschafft habe 🙂 einfach nur ein Hinweis, serialize() gibt die Werte als &select=param etc... während serializeArray() legt es in die Struktur, die ich oben dargelegt. cheers.
    InformationsquelleAutor Jay Corbett
  3. 2

    Den richtigen Weg zu vertreten eine Sammlung von mehreren Optionen ausgewählt, ist die Verwendung eines array, durch die Benennung des SELECT-Tags mit [] suffix.

    Das problem ist, dass es nicht richtig behandelt, indem die jQuery-Methode serialize().

    Für ein WÄHLEN Sie, wie diese, infact:

    <select name="a[]"> 
<option value="fünf">5</option> 
<option value="sechs">6</option> 
<option value="sieben">7</option> 
</select>

    serialisieren sendet dieses array: a[]=0&a[]=1&a[]=2
    empfangen von PHP so:

    [a] => Array 
( 
[0] => 0 
[1] => 1 
[2] => 2 
)

    wo echte Werte verloren gehen.

    • Warum würden Sie annehmen, dass das eine PHP-Frage? Andere Sprachen wissen, was zu tun mit ein array per POST
    InformationsquelleAutor EmanueleDG
Schreibe einen Kommentar