`
sea0108
  • 浏览: 54548 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

O2O电商网站平台Select2使用说明

 
阅读更多

O2O电商网站平台Select2使用说明

 

<!--查询对应的码头、港口或堆场信息 select -->

<#include "../common/common_getport.ftl"/>

 

以上导入select2所需的API在你所需要用到select2的页面。

<select name="portSelect" getByType="P" placeholderName="请输入目的港" selectWidth="50%">
   <option value="" selected></option>
</select>

 

以上是在你需要用到select2的地方加上的代码

属性说明:

   getByType:定义查询类型,例如:(P:港口,T:码头,Y:堆场,D:地点,0:无)

                 如果查询码头就定义getByType="T",

                 如果查询港口与码头则getByType="PT",

   placeholderName:输入提示信息

   selectWidth:设置select 的宽度

分享到:
评论

相关推荐

    html+css仿写电商网站商品购买页面

    在本项目中,“html+css仿写电商网站商品购买页面”是一个典型的前端开发任务,主要目的是利用HTML和CSS技术来创建一个与实际电商网站类似的商品购买界面,同时实现响应式布局,确保页面在不同设备上都能正常显示。...

    select2.mim.js and select2.min.css.zip

    为了提升用户体验,开发者通常会选择使用第三方库来增强这一组件,其中Select2是一个广受欢迎的选择。本文将详细介绍Select2及其相关文件`select2.min.js`和`select2.min.css`,以及它们如何在项目中发挥重要作用。 ...

    使用select2实现下拉列表动态模糊查询

    在你的项目中使用Select2,首先需要下载或通过CDN引入所需文件。在这个压缩包中,我们有`select2.min.css`(样式文件)和`select2.min.js`(JavaScript 文件)。将这两个文件放入你的项目目录,并在HTML文件中引用...

    angularjs中select2使用 demo

    这个"angularjs中select2使用demo"应该是一个示例项目,展示了如何在AngularJS应用中集成和使用Select2。 首先,让我们了解AngularJS和Select2的基础知识。AngularJS是由Google维护的一个JavaScript框架,用于构建...

    jquery select2组件

    在开始使用`Select2`之前,确保已经引入了`jQuery`库和`Select2`的CSS与JS文件。通常情况下,你可以在项目中添加以下链接: ```html &lt;link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/css/...

    下拉框带模糊查询引入select2组件.zip

    在压缩包的文件名列表中,我们看到"demo.txt"可能是包含示例代码或者使用说明的文本文件,"select2"可能是Select2库的文件夹,里面包含了各种JavaScript和CSS文件,以及可能的图片资源。"需要引入的文件"则可能是指...

    Select2的插件下载.zip

    使用Select2非常简单,首先需要在页面中引入jQuery和Select2的JavaScript及CSS文件,然后通过简单的配置代码即可启用Select2。例如: ```html &lt;link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist...

    bootstrap select2使用总结

    【Bootstrap Select2 使用总结】 Bootstrap Select2 是一个增强型的下拉选择框插件,它扩展了HTML `&lt;select&gt;` 元素,提供了更丰富的样式、搜索功能和用户体验。在使用 Bootstrap Select2 时,首先需要确保已经下载...

    select2(jquery)插件下载

    **jQuery Select2插件详解** Select2是一款基于jQuery的增强型下拉选择框插件,它极大地改进了原生HTML `&lt;select&gt;` 元素的用户体验和功能。标题中的"select2(jquery)插件下载"指的是这个插件的获取途径,通常通过...

    select2ztree.zip

    2. 初始化Select2:使用Select2的配置选项,设置其为多选模式,并禁用原生的搜索功能,因为我们将在ZTree中实现搜索。 3. 创建ZTree:将ZTree的节点数据作为JSON对象传递给ZTree初始化方法,配置相应的参数,如显示...

    bootstrap-select2-ztree.zip

    3. **初始化Select2**:使用Select2的JavaScript API初始化`&lt;select&gt;`元素,配置相关选项如宽度、数据源等。在这里,数据源通常是通过Ajax获取,或者预定义一组静态数据。 4. **配置ZTree**:根据ZTree的文档设置...

    php+mysql仿京东商城,B2B2C电子商务-打通电商全平台,多店铺统一管理

    php+mysql仿京东商城,B2B2C电子商务-打通电商全平台,多店铺统一管理 用户注册和登录 商品管理(产品列表、产品详情、商品分类) 订单管理(订单创建、支付、物流追踪) 会员中心(用户信息、订单历史、收藏商品...

    下拉框、下拉控件之Select2内含css和js

    `Select2` 默认样式可能与你的网站样式不完全匹配,特别是当你的项目已经使用了其他CSS框架时。此时,可以通过调整 `select2.css` 中的样式或者使用自定义CSS覆盖默认样式,确保与你的设计风格一致。 ### 注意事项 ...

    select2 省市区 级联 下拉菜单

    本话题将详细介绍如何使用select2来实现一个具有省市区三级联动效果的下拉菜单。 首先,我们要理解什么是“级联”或“联动”。在前端开发中,级联通常指的是一个下拉菜单的选择会影响另一个下拉菜单的选项。在这种...

    select2支持拼音检索

    《Select2 拼音检索功能详解》 在前端开发中,Select2 是一款非常流行的多功能选择器插件,它极大地扩展了HTML `&lt;select&gt;` 元素的功能,提供了丰富的定制性和用户体验。本文将深入探讨 Select2 的一个独特特性——...

    jquery select2

    3. **多选支持**:通过简单的配置,Select2可以支持多选功能,用户可以通过键盘或鼠标选择多个选项,且可以使用分隔符(如逗号)快速输入。 4. **可定制化**:Select2允许开发者自定义各种样式,包括主题颜色、字体...

    select2.js/select2.css

    select2资源包。里面包含select2相关的js、css,解压后在dist目录下可找到。使用select2需要搭配jquery1.8以上版本。在这资源包的vendor文件夹下有jquery2.1的版本

    bootstrap select2插件使用demo

    Bootstrap Select2的使用首先需要确保已经引入了Bootstrap的基本样式库(CSS)和JavaScript库,以及Select2的特定CSS和JS文件。通常,你需要在页面的`&lt;head&gt;`部分引入Bootstrap CSS和Select2 CSS,然后在`&lt;body&gt;`的...

    select2-master.zip

    本文将深入探讨Select2的核心特点、使用方法以及如何实现三级联动效果。 一、Select2概述 Select2是一款开源的JavaScript库,它对原生HTML `&lt;select&gt;` 元素进行了增强,提供了更丰富的用户交互体验和更美观的界面...

    Select2实现全国省市区三级联动下拉菜单

    可以通过修改CSS或者使用`Select2`提供的主题系统来定制外观。 总结来说,实现全国省市区三级联动下拉菜单,主要步骤包括:引入`Select2`库,设置HTML结构,初始化并监听`Select2`元素,以及与服务器端API进行交互...

Global site tag (gtag.js) - Google Analytics