首頁 JS特效 其它特效 jQuery的搜尋框下拉選單

jQuery的搜尋框下拉選單

jQuery的搜尋框下拉選單

jQuery的搜尋框下拉選單

這是一款點選input文字方塊彈出下拉式選單,選取選單,支援多重選擇條件,進行搜尋的jQuery搜尋框下拉選單選擇插件,功能強大的下拉方塊搜尋程式碼。

js程式碼

<script>
var Random = Mock.Random;
var json1 = Mock.mock({
  "data|10-50": [{
	name: function() {
	  return Random.name(true)
	},
	"id|+1": 1,
	"disabled|1-2": true,
	groupName: '分组名',
	"groupId|1-4": 1,
	"selected": false
  }]
});

$('.dropdown-mul-1').dropdown({
  data: json1.data,
  limitCount: 40,
  multipleMode: 'label',
  choice: function() {
	// console.log(arguments,this);
  }
});

var json2 = Mock.mock({
  "data|10000-10000": [{
	name: function() {
	  return Random.name(true)
	},
	"id|+1": 1,
	"disabled": false,
	groupName: '分组名',
	"groupId|1-4": 1,
	"selected": false
  }]
});

$('.dropdown-mul-2').dropdown({
  limitCount: 5,
  searchable: false
});

$('.dropdown-sin-1').dropdown({
  readOnly: true,
  input: '<input type="text" maxLength="20" placeholder="请输入搜索">'
});

$('.dropdown-sin-2').dropdown({
  data: json2.data,
  input: '<input type="text" maxLength="20" placeholder="请输入搜索">'
});
</script>
免責聲明

本站所有資源皆由網友貢獻或各大下載網站轉載。請自行檢查軟體的完整性!本站所有資源僅供學習參考。請不要將它們用於商業目的。否則,一切後果都由您負責!如有侵權,請聯絡我們刪除。聯絡方式:admin@php.cn

相關文章

Jquery帶搜尋框的下拉式選單_jquery Jquery帶搜尋框的下拉式選單_jquery

16 May 2016

Jquery有搜尋框的下拉式選單,需要的朋友可以參考一下

實用Excel技巧分享:製作高效率的搜尋式下拉式選單 實用Excel技巧分享:製作高效率的搜尋式下拉式選單

08 Jun 2022

在先前的文章《實用Excel技巧分享:製作動態的甘特圖》中,我們學習了Excel製作動態甘特圖的方法。今天我們來聊聊Excel資料下拉選單,介紹一下製作高效搜尋式下拉選單的方法,快來看看!

jQuery對下拉框,單選框,多選框的操作_jquery jQuery對下拉框,單選框,多選框的操作_jquery

16 May 2016

這篇文章主要介紹了jQuery對下拉框,單選框,多選框的操作需要的朋友可以過來參考下,希望對大家有所幫助

jQuery實現精美的多層下拉式選單特效_jquery jQuery實現精美的多層下拉式選單特效_jquery

16 May 2016

這篇文章主要介紹了jQuery實現精美的多層下拉式選單特效,主要依託於jQuery的fg.menu.js外掛程式來實現的,效果非常棒,推薦給大家。

使用jquery CSS3實現仿windows10開始選單的下拉導覽選單特效_jquery 使用jquery CSS3實現仿windows10開始選單的下拉導覽選單特效_jquery

16 May 2016

本文是基於jquery和css3實現的仿windows10開始選單的下拉導航選單特效,程式碼超簡單,有興趣的朋友一起看看吧

PHP如何實作微信小程式搜尋框下拉選單功能 PHP如何實作微信小程式搜尋框下拉選單功能

01 Jun 2023

PHP如何實現微信小程式搜尋框下拉選單功能隨著微信小程式的普及,越來越多的企業開始使用微信小程式進行電商銷售和行銷。而搜尋框是微信小程式中非常重要的一個元件,能夠幫助使用者快速找到所需的商品和資訊。下拉式選單功能則可讓使用者更方便篩選搜尋結果。本文將介紹如何使用PHP實作微信小程式搜尋框下拉選單功能。一、配置微信小程式開發環境首先,在開始使用PHP實作微信小

如何在 Bootstrap 中建立可搜尋的下拉式選單? 如何在 Bootstrap 中建立可搜尋的下拉式選單?

04 Nov 2024

透過搜尋功能實現可選擇的下拉式選單為了複製所提供圖像中所展示的功能,使用者...

yii2框架中使用下拉式選單的自動搜尋yii-widget-select2實例分析 yii2框架中使用下拉式選單的自動搜尋yii-widget-select2實例分析

29 Jul 2016

:本篇文章主要介紹了yii2框架中使用下拉式選單的自動搜尋yii-widget-select2實例分析,對於PHP教程有興趣的同學可以參考一下。

一個簡單的jquery的多選下拉框(自寫)_jquery 一個簡單的jquery的多選下拉框(自寫)_jquery

16 May 2016

想在網路上找一個插件用用,可是,網路上的插件看起來都比較雜亂,我參考了網路上的一些插件,自己用jquery寫了一個多選下拉框

See all articles See all articles

Hot Tools

jQuery+Html5實作唯美表白動畫程式碼

jQuery+Html5實作唯美表白動畫程式碼

jQuery+Html5實作唯美表白動畫程式碼,動畫效果很棒,程式設計師表白必備!

情侶浪漫表白js特效程式碼

情侶浪漫表白js特效程式碼

情侶浪漫表白js特效程式碼,這樣的特效,可以用在婚禮攝影的網站上,也可以放在個人網站中,也還一個不錯的特效,php中文網推薦下載!

簡單js戀愛表白神器

簡單js戀愛表白神器

簡單原生js戀愛表白神器

碉堡的html5粒子動畫表白特效

碉堡的html5粒子動畫表白特效

碉堡的html5粒子動畫表白特效程式碼,動畫特效文字可以在程式碼裡面進行更改,大家可以做個頁面,大家可以自訂文字的輸入是應該是非常受歡迎的,此HTML5特效非常美的。

jQuery響應式後台登入介面模板

jQuery響應式後台登入介面模板

jQuery響應式後台登入介面範本html源碼,登入頁面透過jquery來驗證表單,判斷使用者名稱和密碼是否符合要求,通常登入頁面在企業網站或商城網站都是必須要用到的頁面,響應式的後台頁面,當瀏覽器放大或縮小,背景會根據瀏覽器來調整圖片的大小! php中文網推薦下載!