[jQuery] :selected

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>

실행전

  Flowers Trees Bushes Grass Dirt

 

실행후

  Flowers Trees Bushes Grass Dirt

Bushes