====== 05 JQuery selectで選択された項目取得 ======



===== SELECT（normal） =====

=== HTML ===

<code html>
<select id="name" name="name" multiple>
    <option value="A">This is A</option>
    <option value="B" selected>This is B</option>
    <option value="C">This is C</option
</select>
</code>

=== JavaScript ===

<code JavaScript>
var selected = $("#name option:selected").get();
alert( $(selected).val() + " -> " + $(selected).text() );
</code>

=== 結果 ===

結果は、selectedされている B が表示される。

<code>
B -> This is B
</code>


===== SELECT（multiple） =====

multipleで選択された値の取得

=== HTML ===

<code html>
<select id="name" name="name[]" size="3" multiple>
    <option value="A">This is A</option>
    <option value="B" selected>This is B</option>
    <option value="C" selected>This is C</option
</select>
</code>

=== JavaScript ===

<code JavaScript>
var selected = $("#name option:selected").get();
$.each( selected, function(){
	alert( $(this).val() + " -> " + $(this).text() );
});
</code>

=== 結果 ===

結果は、selectedされている BとC が表示される。

<code>
B -> This is B
C -> This is C
</code>