[JQuery] jQuery下拉選單可以多重選擇

因為jQuery的中文書很少，而且都寫給有程式經驗的人看，不適合初學者，我只好忍痛到官網去查API，查到後留下備忘用的:

在jQuery找了好久的plug-in，看英文看到眼睛快脫窗，終於找到想要的特效，後來發現其實也沒那麼難，只要不計較外觀css，建議可以自己練習寫。

展示了一個比較不複雜的，把user選擇的值，放到hidden裡，方便submit時送到下一頁！

展示：官網

<script src="http://code.jquery.com/jquery-latest.js"></script>

<script>

$(document).ready(function(){

   function notice(){

      // 取得下接選單的選取值

      var getValue = $('#multi').val() || [];

      //修改取得數值之後的串接符號

      getValue2 = getValue.join(", ");

      //動態即時更新hidden值

      $("#selector").val(getValue2);

   }

   //每當下拉選單被選取時，就呼叫一次ontice function

   $("select").change(notice);

   notice();

});

// 送出時pop確認

function display(){

   alert($("#selector").val());

}

</script>

<select multiple="multiple" id="multi" name="multi" title="">

<option value="1">1</option>

<option value="2">2</option>

<option value="3">3</option>

</select>

<input type="button" name="buttom" value="submit" onClick="display();">