>  기사  >  웹 프론트엔드  >  jquery multiSelect 다중 선택 드롭다운 box_jquery

jquery multiSelect 다중 선택 드롭다운 box_jquery

WBOY
WBOY원래의
2016-05-16 18:23:311434검색

$("#id").multiSelect({ oneOrMoreSelected: '*',selectAll:false,noneSelected:'默认显示' });
사용법: $('#id').multiSelect( options, callback )
옵션: selectAll - 모두 선택 옵션을 표시할지 여부. true/false, 기본값 = true
selectAllText - 모든 옵션을 동시에 선택/선택 취소하기 위해 표시할 텍스트
noneSelected - 목록에 선택한 항목이 없을 때 표시할 텍스트
oneOrMoreSelected - 옵션이 있을 때 표시할 텍스트 목록에서 하나 이상의 항목을 선택했습니다
(참고: 선택한 항목 수에 대한 자리 표시자로 %를 사용할 수 있습니다).
선택한 모든 항목을 쉼표로 구분하여 표시하려면 *를 사용하세요. default = '% selected'
optGroupSelectable - optgroup을 사용할 경우 이를 선택할 수 있는지 여부; true/false, 기본값 = false
listHeight - 드롭다운 옵션의 최대 높이

复代码 代码如下:

// 선택한 항목의 총 개수로 텍스트 상자를 업데이트하고 모두 선택
$("#id").updateSelected()
// 드롭다운 옵션 업데이트
$("#id").multiSelectOptionsUpdate()
// 드롭다운 숨기기
$("#id").multiSelectOptionsHide()
// 드롭다운 표시
$("#id" ).multiSelectOptionsShow()
// 쉼표로 구분된 선택된 값 목록 가져오기
$("#id").selectedValuesString

使用javascript 设置多选框的默认选中项。
复aze代码 代码如下:

$("#id").attr(" value","");//清空选中项。
var ids='1,3,6';//设置选中框ID。
var id_Ojbect=(ids).split(",") ;//分割为Ojbect数组。
var count=$("#id option").length;//获取下拉框的长道。
for(var c=0;cfor(var c_i=0;c_i{
if($("#id").get(0).options[c_i].text == id_Ojbect[ c])
{
$("#id").get(0).options[c_i].selected = true;//设置为选中。
}
}
}

代码打包下载
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.