带搜索的下拉框Chosen

一:参考

https://harvesthq.github.io/chosen/

Chosen是一个jQuery插件

二:引入js文件

<link href="plug-in/chosen_v1.6.2/chosen.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="plug-in/chosen_v1.6.2/chosen.jquery.js"></script>

三:使用

<select name="uareaCode" style="width:200px;" id="uareaCode"
 class="university_select" datatype="*" data-placeholder="选择学校">

 </select>
$("#uareaCode").val(‘${campusDiscountPage.uareaCode}‘);  //更新时设置初值,放到chosen函数后会无效
$(".university_select").chosen({
       no_results_text:"没有找到",               //初始化参数,搜索不到时的提示语
}); 
时间: 2024-10-23 07:43:29

带搜索的下拉框Chosen的相关文章

自定义SWT控件三之搜索功能下拉框

3.搜索功能下拉弹出框 package com.view.control.select; import java.util.ArrayList; import java.util.LinkedList; import java.util.List; import log.HikLog; import org.apache.commons.lang3.StringUtils; import org.eclipse.swt.SWT; import org.eclipse.swt.custom.CLa

百度搜索设置下拉框的操作

Selenium Webdriver百度搜索设置,代码参照虫师selenium_webdriver(python)第一版中百度搜索框设置的代码 #coding:utf-8 from selenium import webdriver import time dr=webdriver.Ie() dr.get("http://www.baidu.com") dr.find_element_by_link_text("设置").click() #定位父节点后再定位子节点

js搜索框 js仿百度搜索 js下拉框 jQuery.Autocomplete使用

做了一个网站,需要根据文本框的输入模糊搜索数据库内容给出提示供用户选择,就找到了jQuery.Autocomplete 效果如下图: 该插件托管在github上,具体地址:https://github.com/agarzola/jQueryAutocompletePlugin 官方的英文文档:http://api.jqueryui.com/autocomplete/ 在使用过程中遇到大坑跟大家说一下. 第一个是插件的数据源问题! 如果要使用服务器的数据源需要在调用autocomplete的时候传

在elementUI中使用 el-autocomplete 实现远程搜索的下拉框

1. 在template加入如下标签 <el-form-item label="文章库" :label-width="formLabelWidth" > <el-autocomplete v-model="addTopic.name" :fetch-suggestions="querySearchAsync" placeholder="请输入文章标题" @select="hand

一款可以下拉搜索html下拉框控件

直接上图,组件不错,支持静态和动态搜索,这个只是在原控件上自己修改样式后的,这里主要记录一下,在修改别人控件时,应该如何去封装代码: 原控件:http://ivaynberg.github.com/select2 效果图: 源文件:点击下载

Ztree实现带checkBox的下拉框

UI <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ArticleMove.aspx.cs" Inherits="Aqioo.CMS.Admin.Admin.Article.ArticleMove" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&q

angularjs下拉框空白

搜索angularjs下拉框空白,可以出现很多解决方案,但是对于静态字段来说,网上目前还没有找到解决方案,如下: 1 <select class="form-control" ng-model="UserState" 2 ng-init="UserState=0"> 3 <option value="-1">选择状态</option> 4 <option value="0&q

Selenium_WebDriver下拉框练习_Java

下拉选择框是常见的WEB页面元素,一般的下拉框tagName为Select,还是以某财BBS为例,它的下拉框源码如下所示,这个下拉框一开始只显示省份选择,选择完之后才会显示属于该省的城市的选择框. <select id="resideprovince" class="ps" tabindex="1" onchange="showdistrict('residecitybox', ['resideprovince', 'reside

selenium-webdriver(python) (十) 如何处理下拉框

本节重点 处理下拉框 switch_to_alert() accept() 下拉框是我们最常见的一种页面元素,对于一般的元素,我们只需要一次就定位,但下拉框里的内容需要进行两次定位,先定位到下拉框,再定位到下拉框内里的选项. drop_down.html <html> <body> <select id="ShippingMethod" onchange="updateShipping(options[selectedIndex]);"