jQuery Mobile下拉菜單是一個非常實用的UI組件。它可以使用戶方便地選擇所需內容，同時又不占用大量的頁面空間。下面我們就來了解一下如何使用jQuery Mobile下拉菜單。
首先，在HTML頁面中引入jQuery Mobile的庫文件：
<head> <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script> <script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> </head>然后，在頁面中添加下拉菜單組件：
<select name="regions" id="select_regions" data-native-menu="false"> <option value="beijing">北京</option> <option value="shanghai">上海</option> <option value="guangzhou">廣州</option> <option value="shenzhen">深圳</option> </select>在這里我們可以看到，下拉菜單使用了select標簽，每個選項使用了option標簽。其中，name和id屬性分別指定了菜單的名稱和標識，data-native-menu屬性指定了使用jQuery Mobile自帶的下拉菜單樣式，而非操作系統默認的下拉菜單樣式。 最后，我們再來介紹一下如何通過jQuery代碼動態創建下拉菜單。示例如下：
$(function(){
var select = $('<select name="regions">');
$.each({beijing:'北京',shanghai:'上海',guangzhou:'廣州',shenzhen:'深圳'}, function(key, value) {
select.append('<option>'+value+'</option>');
});
select.appendTo('body').selectmenu();
});在這段代碼中，我們首先創建了一個select標簽，然后使用$.each()方法逐個添加選項，并將其添加到頁面中。最后，我們調用了selectmenu()方法對菜單進行初始化。
現在，我們已經學會了如何使用jQuery Mobile下拉菜單，相信這一功能可以為我們的網站和移動應用帶來便利和易用性。上一篇mysql中的別名使用
下一篇點擊顯示下一層導航css