2011-05-10 5 views
8

'선택'태그의 선택된 옵션에서 'rel'과 같은 속성을 가져 오는 방법이 있습니까?jQuery - 선택한 태그의 속성 가져 오기

<select name="menu" id="menu"> 
    <option value="1" rel="123">Option 1</option> 
    <option value="2" rel="124">Option 2</option> 
</select> 

어떤 아이디어가 있습니까?

답변

15

에서 두 버전의 자바 스크립트

var sel = document.getElementById('menu'); 
var option = sel.options[sel.selectedIndex]; 
var rel = option.getAttribute('rel'); 

데모와 jQuery를

$('#menu option:selected').attr('rel'); 

+0

고마워요 - 잘 작동합니다! – user398341

+0

고마워요 - 잘 작동합니다! @ 존콩 –

1

.attr("attributeName")을 사용하면 속성 값을 얻을 수 있습니다. .attr()을 참조하십시오.

선택한 옵션을 찾으려면 $('#menu option[selected=true]') 또는 그 유사 항목을 사용할 수 있습니다. http://jsfiddle.net/gaby/WLFmv/

+0

-하지만 어떤 이유로 속성 값을 얻을 수가 없습니다. – user398341

5

당신은 단지 :selected 필터를 사용할 수 있습니다.

는 여기에 바이올린입니다 : 내가 전에 그것을 시도 http://jsfiddle.net/jomanlk/ECAea/

$('#menu').change(function(){ 
    alert($(this).find('option:selected').attr('rel')); 
}); 
+0

이것은 또한 매우 잘 작동합니다 - 감사합니다. 허용 된 대답은 요소의 ID를 사용하지 않기 때문에 좀 더 유연했습니다. 단순히 trigger 요소를 참조하는 데 $ (this)를 사용합니다. – user398341

관련 문제