JQuery get dropdown rel value ()

Question

how to get drop = "30" dropdowndown?

  <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);
}

Answer 1

You can use the selector :selectedto find the selected parameter and get its value relusing the method attr().

Something like this: 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);
}

Answer 2

$('select[name="X"] option[selected]').attr('data-xxx') - the only thing that worked for me.

Answer 3

<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);
}

good work.

Answer 4

You can use the option : selected

For example, I use the following code:

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