彰化一整天的論壇

 找回密碼
 立即註冊
查看: 919|回復: 0

jquery 讀取多選單下拉式值

[複製鏈接]
發表於 2013-8-26 20:47:05 | 顯示全部樓層 |閱讀模式
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4.   <meta charset="utf-8">
  5.   <title>val demo</title>
  6.   <style>
  7.   p { color:red; margin:4px; }
  8.   b { color:blue; }
  9.           </style>
  10.   <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  11. </head>
  12. <body>
  13.   <p></p>

  14.   <select id="single">
  15.     <option>Single</option>
  16.     <option>Single2</option>
  17.   </select>

  18.   <select id="multiple" multiple="multiple">
  19.     <option selected="selected">Multiple</option>
  20.     <option>Multiple2</option>
  21.     <option selected="selected">Multiple3</option>
  22.   </select>

  23. <script>
  24.     function displayVals() {
  25.       var singleValues = $("#single").val();
  26.       var multipleValues = $("#multiple").val() || [];
  27.       $("p").html("<b>Single:</b> " +
  28.                   singleValues +
  29.                   " <b>Multiple:</b> " +
  30.                   multipleValues.join(", "));
  31.     }

  32.     $("select").change(displayVals);
  33.     displayVals();

  34. </script>

  35. </body>
  36. </html>
複製代碼
source:  http://api.jquery.com/val/
回復

使用道具 舉報

您需要登錄後才可以回帖 登錄 | 立即註冊

本版積分規則

 ㄚ母滴雞湯
 員林香純滴雞精

Archiver|手機版|小黑屋|彰化一整天的論壇(Excel,Office)  |网站地图

GMT+8, 2019-10-15 19:36 , Processed in 0.142624 second(s), 21 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回復 返回頂部 返回列表