jQuery EasyUI 表单 - 格式化下拉框

本教程向您展示如何创建一个简单的下拉框（Combobox），让它在下拉框中显示图片项。您可以在下拉框（combobox）上使用 formatter 函数来告诉它如何格式化每一个条目。

创建图像下拉框（Combobox）

<input id="cc" style="width:100px"             url="data/combobox_data.json"             valueField="id" textField="text">     </input>     $('#cc').combobox({         formatter:function(row){             var imageFile = 'images/' + row.icon;             return '<img class="item-img" src="'+imageFile+'"/><span class="item-text">'+row.text+'</span>';

下载 jQuery EasyUI 实例

jeasyui-form-form4.zip

• HTML / CSS
  • HTML 教程
  • HTML5 教程
  • CSS 教程
  • CSS3 教程
  • Tailwind CSS 教程
  • Bootstrap4 教程
  • Bootstrap5 教程
  • Font Awesome 教程
  • Foundation 教程
• JavaScript
  • JavaScript 教程
  • HTML DOM 教程
  • jQuery 教程
  • AngularJS 教程
  • AngularJS2 教程
  • Vue.js 教程
  • Vue3 教程
  • React 教程
  • Next.js 教程
  • TypeScript 教程
  • jQuery UI 教程
  • jQuery EasyUI 教程
  • Node.js 教程
  • Electron 教程
  • Playwright 教程
  • AJAX 教程
  • JSON 教程
  • Echarts 教程
  • Chart.js 教程
  • Highcharts 教程
  • Google 地图 教程
• 服务端
  • Python 教程
  • Python2.x 教程
  • Linux 教程
  • Docker 教程
  • Ruby 教程
  • Java 教程
  • C 教程
  • C++ 教程
  • Perl 教程
  • Servlet 教程
  • JSP 教程
  • Lua 教程
  • Rust 教程
  • Zig 教程
  • Scala 教程
  • Go 教程
  • PHP 教程
  • 数据结构与算法
  • Django 教程
  • FastAPI 教程
  • Flask 教程
  • Pillow 教程
  • Zookeeper 教程
  • 设计模式
  • Python 设计模式
  • 正则表达式
  • Maven 教程
  • CMake 教程
  • Verilog 教程
  • ASP 教程
  • AppML 教程
  • VBScript 教程
• 数据库
  • SQL 教程
  • MySQL 教程
  • PostgreSQL 教程
  • SQLite 教程
  • MongoDB 教程
  • Redis 教程
  • Memcached 教程
• AI & 数据分析
  • Python 教程
  • NumPy 教程
  • Pandas 教程
  • Matplotlib 教程
  • Scipy 教程
  • Pytorch 教程
  • TensorFlow 教程
  • Ollama 教程
  • 机器 教程
  • AI Agent(智能体)
  • scikit-learn 教程
  • R 教程
  • OpenCV 教程
  • NLP 教程
  • Selenium 教程
  • Julia 教程
  • 量化交易
  • Dash 教程
• 移动端
  • Android 教程
  • Swift 教程
  • jQuery Mobile 教程
  • ionic 教程
  • Kotlin 教程
• 开发工具
  • VS Code 教程
  • PyCharm 教程
  • Swagger 教程
  • RESTful API 教程
  • Eclipse 教程
  • Git 教程
  • Svn 教程
  • Markdown 教程
• XML 教程
  • XML 教程
  • DTD 教程
  • XML DOM 教程
  • XSLT 教程
  • XPath 教程
  • XQuery 教程
  • XLink 教程
  • XPointer 教程
  • XML Schema 教程
  • XSL-FO 教程
  • SVG 教程
• ASP.NET
  • ASP.NET 教程
  • C# 教程
  • PowerShell 教程
  • Web Pages 教程
  • Razor 教程
  • MVC 教程
  • Web Forms 教程
• Web Service
  • Web Service 教程
  • WSDL 教程
  • SOAP 教程
  • RSS 教程
  • RDF 教程
• 网站建设
  • HTTP 教程
  • 网站建设指南
  • 浏览器信息
  • 网络协议
  • 网站主机教程
  • TCP/IP 教程
  • W3C 教程
  • 网站品质