• jquery.editable-select.js使用文档


    <select id="SCName" class="next-input-scnst" style=" 200px;">
      <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。
    • 事件

    • onCreate:当输入时触发。
    • onShow:当下拉时触发。
    • onHide:当下拉框隐藏时触发。
    • onSelect:当下拉框中的选项被选中时触发。
  • 相关阅读:
    6 docker-harbor仓库搭建
    4 dockerfile介绍及其实例应用
    1 docker 介绍和安装
    2 docker镜像
    PAT甲级1075 PAT Judge
    PAT甲级1139 First Contact【离散化】
    PAT甲级1055 The World's Richest【排序】
    PAT甲级1013-1014-1015
    洛谷P1135 奇怪的电梯【bfs】
    洛谷P1182 数列分段【二分】【贪心】
  • 原文地址:https://www.cnblogs.com/zzwlong/p/9887670.html
Copyright © 2020-2023  润新知