jQuery獲取下拉rel值（）

Question

我如何獲得下拉rel =「30」值？

<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

可以使用:selected選擇找到所選擇的選項，並使用attr()方法來檢索其rel價值。

事情是這樣的：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')只是爲我工作的事情。

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

好作品。

Answer 4

可以使用選項：選擇

例如，我使用的後續代碼：

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