亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

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

jQuery的搜尋框下拉選單

jQuery的搜尋框下拉選單

jQuery的搜尋框下拉選單

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

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="請(qǐng)輸入搜索">'
});

$('.dropdown-sin-2').dropdown({
  data: json2.data,
  input: '<input type="text" maxLength="20" placeholder="請(qǐng)輸入搜索">'
});
</script>
免責(zé)聲明

本站所有資源皆由網(wǎng)友貢獻(xiàn)或各大下載網(wǎng)站轉(zhuǎn)載。請(qǐng)自行檢查軟體的完整性!本站所有資源僅供學(xué)習(xí)參考。請(qǐng)不要將它們用於商業(yè)目的。否則,一切後果都由您負(fù)責(zé)!如有侵權(quán),請(qǐng)聯(lián)絡(luò)我們刪除。聯(lián)絡(luò)方式:admin@php.cn

相關(guān)文章

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

04 Nov 2024

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

「React 多選可搜尋層次樹下拉清單」所需的 ReactJS 支援與建議 「React 多選可搜尋層次樹下拉清單」所需的 ReactJS 支援與建議

12 Nov 2024

嗨,開發(fā)者, 希望每個(gè)人都做得很好,正如我在該主題的標(biāo)題中提到的,目前,我正在尋找一個(gè)可定制的免費(fèi)多選可搜索層次結(jié)構(gòu)擴(kuò)展樹下拉列表,我找到了一個(gè)名為“react -dropdown-tree-」的元件

如何在 jQuery UI 自動(dòng)完成下拉清單中突出顯示搜尋詞? 如何在 jQuery UI 自動(dòng)完成下拉清單中突出顯示搜尋詞?

21 Oct 2024

自訂自動(dòng)完成外掛程式結(jié)果 jQuery UI 自動(dòng)完成外掛提供了廣泛的功能,但它可能無法總是滿足您精確的格式要求。如果您需要突出顯示下拉結(jié)果中的搜尋字元序列,

如何使用 HTML 和 CSS 中的複選框建立多選下拉式選單? 如何使用 HTML 和 CSS 中的複選框建立多選下拉式選單?

11 Nov 2024

如何將複選框整合到下拉式選單中建立多選下拉清單使用戶可以方便地選擇多個(gè)選項(xiàng)...

如何使用 jQuery 更改下拉清單的選定值? 如何使用 jQuery 更改下拉清單的選定值?

27 Nov 2024

使用 jQuery 變更下拉清單的選定值在處理下拉清單時(shí),通常會(huì)設(shè)定其選取值。這個(gè)任務(wù)...

如何使用 jQuery 設(shè)定下拉清單的選定值? 如何使用 jQuery 設(shè)定下拉清單的選定值?

26 Nov 2024

使用 jQuery 設(shè)定下拉清單的選定值在 jQuery 中,設(shè)定下拉清單的選定值類似於使用常規(guī)...

如何從 jQuery 下拉清單中檢索選項(xiàng)的文字? 如何從 jQuery 下拉清單中檢索選項(xiàng)的文字?

27 Oct 2024

從 jQuery 下拉清單中檢索選項(xiàng)文本要取得與 jQuery 下拉清單中的特定選項(xiàng)標(biāo)記關(guān)聯(lián)的文本,請(qǐng)使用...

如何使用 HTML 的資料清單和輸入清單屬性建立可搜尋的選擇框? 如何使用 HTML 的資料清單和輸入清單屬性建立可搜尋的選擇框?

31 Oct 2024

建立具有增強(qiáng)型使用者輸入的選擇框使用者通常更喜歡使用選擇框來手動(dòng)輸入文本,但有時(shí)會(huì)出現(xiàn)...

如何變更選擇框下拉清單的突出顯示顏色? 如何變更選擇框下拉清單的突出顯示顏色?

05 Dec 2024

自訂選擇框下拉突出顯示顏色在此 UI 增強(qiáng)查詢中,我們深入研究了更改預(yù)設(shè)藍(lán)色突出顯示的挑戰(zhàn)...

See all articles See all articles

熱工具

jQuery+Html5實(shí)作唯美表白動(dòng)畫程式碼

jQuery+Html5實(shí)作唯美表白動(dòng)畫程式碼

jQuery+Html5實(shí)作唯美表白動(dòng)畫程式碼,動(dòng)畫效果很棒,程式設(shè)計(jì)師表白必備!

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

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

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

簡(jiǎn)單js戀愛表白神器

簡(jiǎn)單js戀愛表白神器

簡(jiǎn)單原生js戀愛表白神器

碉堡的html5粒子動(dòng)畫表白特效

碉堡的html5粒子動(dòng)畫表白特效

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

jQuery響應(yīng)式後臺(tái)登入介面模板

jQuery響應(yīng)式後臺(tái)登入介面模板

jQuery響應(yīng)式後臺(tái)登入介面範(fàn)本html源碼,登入頁面透過jquery來驗(yàn)證表單,判斷使用者名稱和密碼是否符合要求,通常登入頁面在企業(yè)網(wǎng)站或商城網(wǎng)站都是必須要用到的頁面,響應(yīng)式的後臺(tái)頁面,當(dāng)瀏覽器放大或縮小,背景會(huì)根據(jù)瀏覽器來調(diào)整圖片的大??! php中文網(wǎng)推薦下載!