jquery mobile selectmenu下拉菜单

最新推荐文章于 2025-05-16 09:49:05 发布

转载最新推荐文章于 2025-05-16 09:49:05 发布 · 196 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/NB-JDzhou/p/5265469.html

文章标签：

#javascript #ViewUI

本文介绍如何利用jQuery Mobile框架实现一个简单的下拉选择框，并展示了完整的HTML代码示例。该示例包括了基本的页面结构、引入必要的样式表和脚本文件，以及定义下拉选项等内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <meta name="viewport" content="width=device-width, initial-scale=1">
 6 <link rel="stylesheet" type="text/css" href="../jquery.mobile-1.4.5.min.css">
 7 <script type="text/javascript" src="../jquery-1.12.0.min.js"></script>
 8 <script type="text/javascript" src="../jquery.mobile-1.4.5.min.js"></script>
 9 </head>
10 <body>
11 <div class="ui-field-contain">
12     <select name="select-native-1" id="select-native-1" data-iconpos="left">
13         <option value="1">这是第一个</option>
14         <option value="2">这是第一个</option>
15         <option value="3" disabled="disabled">这是第一个</option>
16         <!-- disabled="disabled"不允许被点击的 -->
17         <option value="4">这是第一个</option>
18     </select>
19 </div>
20 </body>
21 </html>