jquery.editable-select.js使⽤⽂档
<select id="SCName" class="next-input-scnst" >
<option value="double">double</option>
<option value="precise">precise</option>
<option value="string">string</option>
</select>
function editableSelect(){
setSelectedOption("#SCName")
$('#SCName').editableSelect({
bg_iframe: false,
case_sensitive: false,
items_then_scroll: 10 ,
isFilter:false,
effects:'slide'
});
}
//设置可编辑下拉的默认值
function setSelectedOption(selector){
$(selector +" > option").eq(1).attr("selected",true);//设置第⼀个下拉为默认值
}
//获取选中值,直接⽤$('#SCName').val()就⾏
$('#SCName').val();
选项设置
filter:过滤,即当输⼊内容时下拉选项会匹配输⼊的字符,⽀持中⽂,true/false,默认true。
effects:动画效果,当触发弹出下拉选择框时的下拉框展⽰过渡效果,有default,slide,fade三个值,默认是default。
duration:下拉选项框展⽰的过渡动画速度,有fast,slow,以及数字(毫秒),默认是fast。
事件
jquery官方文档下载onCreate:当输⼊时触发。
onShow:当下拉时触发。
onHide:当下拉框隐藏时触发。
onSelect:当下拉框中的选项被选中时触发。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论