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
相關文章
08 Jun 2022
在先前的文章《實用Excel技巧分享:製作動態的甘特圖》中,我們學習了Excel製作動態甘特圖的方法。今天我們來聊聊Excel資料下拉選單,介紹一下製作高效搜尋式下拉選單的方法,快來看看!
16 May 2016
這篇文章主要介紹了jQuery實現精美的多層下拉式選單特效,主要依託於jQuery的fg.menu.js外掛程式來實現的,效果非常棒,推薦給大家。
16 May 2016
本文是基於jquery和css3實現的仿windows10開始選單的下拉導航選單特效,程式碼超簡單,有興趣的朋友一起看看吧
01 Jun 2023
PHP如何實現微信小程式搜尋框下拉選單功能隨著微信小程式的普及,越來越多的企業開始使用微信小程式進行電商銷售和行銷。而搜尋框是微信小程式中非常重要的一個元件,能夠幫助使用者快速找到所需的商品和資訊。下拉式選單功能則可讓使用者更方便篩選搜尋結果。本文將介紹如何使用PHP實作微信小程式搜尋框下拉選單功能。一、配置微信小程式開發環境首先,在開始使用PHP實作微信小
29 Jul 2016
:本篇文章主要介紹了yii2框架中使用下拉式選單的自動搜尋yii-widget-select2實例分析,對於PHP教程有興趣的同學可以參考一下。
16 May 2016
想在網路上找一個插件用用,可是,網路上的插件看起來都比較雜亂,我參考了網路上的一些插件,自己用jquery寫了一個多選下拉框
Hot Tools
jQuery+Html5實作唯美表白動畫程式碼
jQuery+Html5實作唯美表白動畫程式碼,動畫效果很棒,程式設計師表白必備!
情侶浪漫表白js特效程式碼
情侶浪漫表白js特效程式碼,這樣的特效,可以用在婚禮攝影的網站上,也可以放在個人網站中,也還一個不錯的特效,php中文網推薦下載!
簡單js戀愛表白神器
簡單原生js戀愛表白神器
碉堡的html5粒子動畫表白特效
碉堡的html5粒子動畫表白特效程式碼,動畫特效文字可以在程式碼裡面進行更改,大家可以做個頁面,大家可以自訂文字的輸入是應該是非常受歡迎的,此HTML5特效非常美的。
jQuery響應式後台登入介面模板
jQuery響應式後台登入介面範本html源碼,登入頁面透過jquery來驗證表單,判斷使用者名稱和密碼是否符合要求,通常登入頁面在企業網站或商城網站都是必須要用到的頁面,響應式的後台頁面,當瀏覽器放大或縮小,背景會根據瀏覽器來調整圖片的大小! php中文網推薦下載!