打造高品質環境,創造潔淨生活
專業承包裝潢清潔、石材保養、拋光磚
防水抓漏外包網專業維修各大品牌冷氣,多家大廠指定合作,各式問題排除
完修有保固,證照技師團隊,高效率服務

首頁  •  j2h 論壇 • 程式設計討論     • 

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

房東:小傅
發表時間:2011-09-16
[檢舉]


因為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();">


 





  • 贊助網站       

    廣利不動產-新板特區指名度最高、值得您信賴的好房仲
    您的托付,廣利用心為您服務
    廣利不動產-板橋在地生根最實在--新板特區指名度最高、值得您信賴的好房仲
    完整房訊,房屋、店面熱門精選物件,廣利不動產 優質仲介,房屋租賃、買賣資訊透明,交易真安心!



  •  共 0 人回應

    姓名:
    佈告內容: