ユーザ用ツール

サイト用ツール


サイドバー

このページの翻訳:



最近の更新



Tag Cloud

13_javascript:01_jquery:05_jquery_get_chosen_item_at_select

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

SELECT(normal)

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>

JavaScript

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

結果

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

B -> This is B

SELECT(multiple)

multipleで選択された値の取得

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>

JavaScript

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

結果

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

B -> This is B
C -> This is C
13_javascript/01_jquery/05_jquery_get_chosen_item_at_select.txt · 最終更新: 2014/07/03 11:06 by matsui