jQuery選中下拉列表的實例教程

$("#form1 select").change(function () {
 var s=[];
 $("#form1 select :selected").each(function () {
 var temp=$(this).html();
 s.push(temp);//注意這里不能使方括號
 })
 var xx=s.join();//默認中間加逗號
 $("div:last").html(xx);
})


html部分：
<form ic="form1">

下拉列表1：<br/>
<select name="test" multiple="multiple" style="height:100px">
 <option>浙江</option>
 <option selected="selected">湖南</option>
 <option>北京</option>
 <option selected="selected">天津</option>
 <option>廣州</option>
 <option>湖北</option>
</select>

<br/><br/>
下拉列表2：<br/>
<select name="test2" >
 <option>浙江</option>
 <option>湖南</option>
 <option selected="selected">北京</option>
 <option>天津</option>
 <option>廣州</option>
 <option>湖北</option>
</select>
<br/><br/>
<div></div>

</form>