JQUERY/함수

[jQuery] :selected

nineDeveloper 2015. 12. 29. 17:54
728x90
반응형

selected 속성을 가진 element를 찾는다.
셀렉트 박스에서 선택 되어 있는 <option> element를 찾는 것이다.

 

$('#message').text($('select > option:selected').text());

 

실행전 HTML

<select name="garden" multiple="multiple">
<option>Flowers</option>
<option>Trees</option>
<option selected="selected">Bushes</option>
<option>Grass</option>
<option>Dirt</option>
</select>
<div id="message"></div>

 

실행후 HTML

<select name="garden" multiple="multiple">
<option>Flowers</option>
<option>Trees</option>
<option selected="selected">Bushes</option>
<option>Grass</option>
<option>Dirt</option>
</select>
<div id="message">Bushes</div>


실행전

 

 

실행후

 

Bushes

 

728x90
반응형