JavaScript: Holen Sie sich Wert von dropdown

Ich habe 3 HTML-combo/drop-down-Boxen. Alle von Ihnen haben einen eindeutigen Namen und eine id.
Auf eine Besondere Veranstaltung möchte ich den Wert von allen drei von Ihnen.
Kann einer mir ein code-snippet für das?

  • Wissen Sie über die Schaltfläche "Annehmen" in jeder Antwort, die Sie erhalten auf Ihre Frage?
  • plz mir sagen, wie accpt die Antwort.Ich sehe nur commet-Taste. Viele Menschen haben mich gebeten, zu accpet die answe.Aber ich weiß nicht, wie accpet.Wo ist die option
  • In jeder Antwort auf Ihre Frage, einfach unten die Anzahl der Stimmen, es ist ein "v" wie " sign. Wählen Sie die Antwort, die Sie am meisten mögen, und drücken Sie auf das "v" - Zeichen.
  • Es ist eigentlich ein Häkchen, nicht ein V 🙂
InformationsquelleAutor user156073 | 2009-09-23
  1. 5

    Verwendung von jQuery:

    $("#dropdownID").val();
    InformationsquelleAutor beggs
  2. 1

    Ich würde versuchen, stellen Sie Sie nebeneinander in Ihren HTML-und dann Durchlaufen Sie mit Hilfe von jQuery built-in jeder () - Methode. Sie würde richten Sie Ihre Elemente wie folgt:

    <div id="dropdownBoxes">
<select id="firstElement">
    <option>cool</option>
    <option>neat</option>
</select>
<select id="secondElement">
    <option>fun</option>
    <option>awesome</option>
</select>
<select id="thirdElement">
    <option>great</option>
    <option>synonym</option>
</select>
</div>

<input type="button" id="theTrigger">Push me!</input>

    Dann, in Ihrem Skript:

    var dropdownValues;

$("#theTrigger").click(function(){    
dropdownValues.length=0;
$("#dropdownBoxes select").each(function(){
    dropdownValues.push($(this).val());
    });
});
    InformationsquelleAutor Trafalmadorian
  3. 1

    Dazu nicht die Verwendung von jQuery:

    function getSelectValues() {
    var values = [];
    for (var i = 0; i < arguments.length; i++) {
        var select = document.getElementById(arguments[i]);
        if (select) {
            values[i] = select.options[select.selectedIndex].value;
        } else {
            values[i] = null;
        }
    }
    return values;
}

    Diese Funktion gibt ein array von Werten, entsprechen die ids übergeben Sie in der Funktion, wie folgt:

    var selectValues = getSelectValues('id1', 'id2', 'id3');

    Wenn ein <select> mit einer von Ihr angegebenen ids nicht existiert, wird das array enthält null für den Wert dieser position.

    Gibt es ein paar andere Möglichkeiten, dies zu tun, könnten Sie übergeben der Funktion die ein array von id Werte: getSelectValues([ 'id1', 'id2', 'id3' ]), in dem Fall würde die Funktion geändert werden:

    function getSelectValues(ids) {
    var values = [];
    for (var i = 0; i < ids.length; i++) {
    //...

    Könnten Sie auch die Funktion einer Karte von ids, und füllen Sie die Werte:

    var myMap = { 'id1': null, 'id2': null, 'id3': null };
getSelectValues(myMap);
//myMap['id1'] contains the value for id1, etc

    Dies würde sich ändern, die Funktion:

    function getSelectValues(map) {
    for (var id in map) {
        var select = document.getElementById(id);
        if (select) {
            map[id] = select.options[select.selectedIndex].value;
        } else {
            map[id] = null;
        }
    }
}
    InformationsquelleAutor Grant Wagner
  4. 0

    Verwendung eines Frameworks wie jQuery, die oben erwähnt oder tun Sie es einfach von der alten Schule Weg. document.getElementById('dropdownId').value .

    InformationsquelleAutor nickytonline
Schreibe einen Kommentar