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

fl8 Wiki

サイドバー

目次

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

SELECT（normal）

HTML

JavaScript

結果

SELECT（multiple）

HTML

JavaScript

結果

fl8 Wiki

ユーザ用ツール

サイト用ツール

サイドバー

Tag Cloud

目次

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

SELECT（normal）

HTML

JavaScript

結果

SELECT（multiple）

HTML

JavaScript

結果

ページ用ツール