TIPS-用jQuery操作<select>

$("<select id='s1'><option value='1'>One</option>" +

  "<option value='2'>Two</option>" +

  "<option value='3'>Three</option></select>").appendTo("body");

//直接用val("...")可以選取特定value的選項

var s1 = $("#s1").val(2);

//val()可以取得選取項的值，find(":selected").text()則可得選取項的文字

//直接text()會傳回所有選項的文字大串連，不要誤用

alert(s1.val() + "." + s1.find(":selected").text());

//面對多選式select也不是問題，例如切成multiple，並選取所有選項

s1.attr({ "multiple":"true", size:"3" }).find("option")

.each(function() { this.selected = true; });

//薑 薑 薑 薑~~~ val()傳回的可是字串陣列呢!

var a = s1.val();

if ($.isArray(a)) alert(a.join(","));

//要選取特定選項，傳陣列進去就搞定了

a = ["2", "3"];

s1.val(a);