jQuery get dropdown-rel-Wert()

wie bekomme ich das dropdown value?

  <select id="t_dermal_name">
     <option value="1" rel="30">Between Eyebrows</option>
       <option value="7" rel="30">Individual Line Softening</option>
       <option value="2" rel="30">Lip Contouring</option>
   </select>

jquery:

$("#t_dermal_name").change(onSelectChange);

function onSelectChange(){
    var selected = $("#t_dermal_name option:selected");     
    var output = "";
    if(selected.val() != 0){
        output = selected.rel();
    }
    $("#output").html(output);
}
  • selected.rel() sollte selected.attr('rel')
InformationsquelleAutor tonoslfx | 2011-01-06
  1. 7

    Können Sie die :selected Selektor zu finden, die gewählte option zu aktivieren und abrufen der rel Wert mit der attr() Methode.

    Etwas wie dieses: http://jsfiddle.net/yAQhq/

    $("#t_dermal_name").change(onSelectChange);

function onSelectChange(){
    var output = "",
        $this = $(this);

    if($this.val() != 0){
        output = $this.find('option:selected').attr('rel');
    }
    $("#output").html(output);
}
    • sorry.. kurze Frage wieder. wenn Sie gehen, to jsfiddle.net/yAQhq/3 .. und wie kann ich berechnen, Ausgang1 + Ausgang 2? do u know?
    • Wenn Sie die + - operator mit strings, es wird einfach verketten von strings. Damit fügen Sie die zahlen zusammen, die Sie benötigen, um ausführen parseInt() auf Sie wie dieses: jsfiddle.net/yAQhq/9
    • es funktioniert Super 🙂 .. aber wenn ich wählen Sie nur ein dropdown. in der #Ausgabe zeigt seine NaN?? ich will auch wenn ich clik nur ein dropdown-er zeigt 30 und wenn beides auswählen, wird die Summe der beiden Ausgabe!
    • Komm, ich kann das nicht alles für Sie ;-]. Wenn Sie etwas sehen, wie NaN, denke über das, was passiert. Nachschlagen, was parseInt() tut und zu schauen, was es tut, wenn es trifft auf etwas, das es nicht verwandeln können, in eine ganze Zahl. Herausfinden, welche Werte es versuchen, fügen Sie zusammen und versuchen Sie, fügen Sie Bedingungen hinzu, die den job zu erledigen.
    InformationsquelleAutor treeface
  2. 2

    $('select[name="X"] option[selected]').attr('data-xxx') war das einzige, was für mich gearbeitet.

    InformationsquelleAutor SexRobot
  3. 0
    <select name="xx" class="xxx" onchange="_name(this.options[this.selectedIndex].value,this.options[this.selectedIndex].getAttribute('rel'))">
  <option value="x" rel="xy">aa</option>
  <option value="xxx" rel="xyy">bb</option>
</select>


//for javascript
function _name(value,rel) {
alert(value+"-"+rel);
}

    gut funktioniert.

    InformationsquelleAutor Yıldıray ÜNLÜ
  4. 0

    Können Sie die option:ausgewählte

    Zum Beispiel, ich bin mit den Folgen code:

    $("#mySelectId").on("change",function(){
   relValue =$("#mySelectId option:selected").attr("rel");
   console.log("You rel value is "+relValue);
});
    InformationsquelleAutor daronwolff
Schreibe einen Kommentar