Wie man ein array aller ausgewählten Werte aller dropdownlists in div

Hier ist, was ich versuche zu analysieren, mit jQuery:

<tr>
    <td>5</td>
    <td>[email protected]</td>
    <td>asdfasdf asdfasdf</td>
    <td>
        <div class="roleoption">
            <img src="/Public/images/delete.png" alt="delete" />
            <select id="role" name="role">
                <option value="1">Anonimo</option>
                <option value="2">Registrado</option>
                <option value="3">Tecnico</option>
                <option value="4">Empresario</option>
                <option selected="selected" value="5">Editor</option>
                <option value="6">Financias</option>
                <option value="7">Administrador</option>
            </select>
        </div>
        <img class="add-role" src="/Public/images/add.png" alt="add" />
    </td>
</tr>

Und der javascript-code:

             select  td       tr       get the first td's value?
var userId = $(this).parent().parent().select

Das ist nur für das abrufen der Benutzer-id, ich kann nicht scheinen, um herauszufinden, wie Sie Elemente auswählen.

Dann muss ich packen jeden .val() jeder select im td. So etwas wie:

$(this).parent().find('select').each().val();??

Wie kann ich wickeln Sie diesen code und zurück so etwas wie:

//Save array of values: { user: 4, roles { rol: 1, rol: 3, rol: 6 } }

Will ich dieses array verwenden, der Werte in einem ajax-request.

  • Können Sie nach dem HTML-Code, der generiert wurde, ist nicht der server-Seite code, der es erzeugt?
  • Bearbeitet mit HTML.
InformationsquelleAutor Only Bolivian Here | 2012-02-01
  1. 7

    Könnte man etwas wie das hier tun:

    var selectValues = new Array();
$('div.roleoption').find('select').each(function() {
    selectValues.push($(this).val());
}

    Wahrscheinlich gibt es eine viel bessere Weise des Tuns der gleichen Sache in jQuery, aber das sollte funktionieren.

    • Das ist großartig, außer es werde schnappen Sie sich jeden einzelnen Wert auswählen, der in jedem einzelnen roleoption. Ich müssen zu nehmen Sie nur die val innerhalb des parent().parent () - (dh td-die selectoption ist).
    • Kann ich die Kette Selektoren: $(this).parent().parent().allselectitemshere.
    • Wenn planen Sie, wie Sie diese aufrufen? Als Ergebnis eines Ereignisses wie z.B. das klicken auf ein bestimmtes element? Sie sind mit this im code-snippets, aber ich bin mir nicht wirklich sicher, was Sie erwarten this werden.
    • Ich habe gerade vereinfacht den code, so war die Frage klarer. $(this) ist das select-element, das ist, was ich für ging. Danke. 🙂
    • Sie vergessen, die komplette Halterung der einzelnen @Anthony Schrot
    • var selectValues = new Array(); $('div.roleoption').find('select').each(function() { selectValues.push($(this).val()); }); Hier ist das richtige format

    InformationsquelleAutor Anthony Grist
  2. -1

    einem select-element mit dem multiple-Attribut gesetzt

    <select id="role" name="role" multiple="multiple">


$(function () {
     $('#role').val();
});
    InformationsquelleAutor Karsten Vieth
Schreibe einen Kommentar