jQuery Select , Option Example

Query select 선택 값 확인하기 : from http://lanian.tistory.com/356
from 분류없음
jQuery로 선택된 값 읽기
$("#select_box option:selected").val();
$("select[name=name]").val();
jQuery로 선택된 내용 읽기
$("#select_box option:selected").text();

선택된 위치
var index = $("#test option").index($("#test option:selected")); 

-------------------------------------------------------------------

// Add options to the end of a select
$("#myselect").append("Apples");
$("#myselect").append("After Apples");

// Add options to the start of a select
$("#myselect").prepend("Before Apples");

// Replace all the options with new options
$("#myselect").html("Some orangesMore OrangesEven more oranges");

// Replace items at a certain index
$("#myselect option:eq(1)").replaceWith("Some apples");
$("#myselect option:eq(2)").replaceWith("Some bananas");

// Set the element at index 2 to be selected
$("#myselect option:eq(2)").attr("selected", "selected");

// Set the selected element by text
$("#myselect").val("Some oranges").attr("selected", "selected");

// Set the selected element by value
$("#myselect").val("2");

// Remove an item at a particular index
$("#myselect option:eq(0)").remove();

// Remove first item
$("#myselect option:first").remove();

// Remove last item
$("#myselect option:last").remove();

// Get the text of the selected item
alert($("#myselect option:selected").text());

// Get the value of the selected item
alert($("#myselect option:selected").val());

// Get the index of the selected item
alert($("#myselect option").index($("#myselect option:selected")));

// Alternative way to get the selected item
alert($("#myselect option:selected").prevAll().size());

// Insert an item in after a particular position
$("#myselect option:eq(0)").after("Some pears");

// Insert an item in before a particular position
$("#myselect option:eq(3)").before("Some apricots");

// Getting values when item is selected
$("#myselect").change(function() {
alert($(this).val());
alert($(this).children("option:selected").text());
});