基於ySelect的多級下拉選擇

2021-10-09 21:35:47 字數 2087 閱讀 7618

jquery下拉多選外掛程式yselect.js演示與使用

>

>

charset

="utf-8"

>

>

jquery yselect plugintitle

>

src=

"js/jquery-1.11.3.min.js"

>

script

>

href

="css/bootstrap.min.css"

rel="stylesheet"

type

="text/css"

>

href

="css/font-awesome.min.css"

rel="stylesheet"

type

="text/css"

>

href

="css/yselect.css"

rel="stylesheet"

type

="text/css"

>

src=

"js/bootstrap.min.js"

>

script

>

src=

"js/yselect.js"

>

script

>

>

.fs-optgroup

.fs-option

.fs-optgroup-label

.fs-optgroup-label-choose

.my-selected

style

>

head

>

>

class

="container"

>

"m1"

class

="demo"

multiple

="multiple"

>

select

>

div>

>$(

function()

}}//新增分級多選功能

function

addchoose()

else);

} $wrap.

find

('select').

val(selected)

; $wrap.

find

('select').

yselect

('reloaddropdownlabel');

$wrap.

find

('select').

yselect

('setwrap');

});//選中乙個分級$(

'.fs-selectall').

click

(function()

else})

;//分級乙個選項未選中,級別也未選,選項全選,級別也為選中$(

'.fs-option').

click

(function()

if(alloption.

eq(i)

.html()

!=$(this).

html()

)}}if

(allselect)$(

this).

parent()

.find

('.fs-optgroup-label-choose').

addclass

('my-selected');

else$(

this).

parent()

.find

('.fs-optgroup-label-choose').

removeclass

('my-selected');

})}}

)script

>

body

>

html

>

效果

多級下拉列表的JavaScript

這是乙個開發人員非常重要的一點。在大多數類似的指令碼,選單項和相應的html 是由指令碼往往晦澀難懂的 生成。這對開發者嚴格的限制。其中兩個最顯著是 整合這個選單到web伺服器 和難度來指定自定義外觀 也往往只有一種可能性,從硬編碼的主題,數量有限,選擇其中之一 的難度 值得一提所謂的下拉列表建設者...

選單的位置 Excel多級聯動下拉列表的製作

一 需求描述 在excel資料錄入過程中會遇到如下兩種情況 1.需要錄入多個固定名稱的資料,如果靠手動錄入可能會出現錄入錯誤,錄入非標準定義的名稱的情況。這種情況如果提供乙個序列供錄入時選擇,並同時對錄入內容校驗就可以避免這樣的錯誤。下面會介紹乙個簡單的方法來保證錄入的資料的可靠性並提高錄入的便捷性...

基於jquery的下拉多選外掛程式

本人第一次寫部落格,記錄一下自己學習的東西,同時希望可以幫助的一同前進的你 由於開發中看到很多大神自己寫各種js的外掛程式很是羨慕,於是也萌生了自己寫js外掛程式的想法,下面是我花兩天寫的乙個下拉多選的js外掛程式,功能很簡單,寫的不是很好 大神看到多多指教 下面我簡單說下 一,外掛程式屬性的配置,...