码迷,mamicode.com
首页 > Web开发 > 详细

可输入下拉框,jquery.editable-select

时间:2018-05-03 16:39:26      阅读:798      评论:0      收藏:0      [点我收藏+]

标签:else   editable   form   table   length   query   attr   否则   orm   

//须引入jquery和以下
<link rel="stylesheet" type="text/css" href="jquery.editable-select.min.css"/>
<script type="text/javascript" src="jquery.editable-select.min.js"></script>


<select class="form-control" name="entity.contractCode" id="contractCode" value="${entity.contractCode}">
 <s:iterator value="contractCodeList">
    <s:if test="not empty entity.contractCode">
        <option value="${entity.contractCode}" selected>${entity.contractCode}</option>
    </s:if>
    <s:else>
        <option value="${value}">${value}</option>
    </s:else>
</s:iterator>
</select>
setSelectedOption("#contractCode",contractCode);
$(‘#contractCode‘).editableSelect({
    effects: ‘slide‘,
    //可选参数default、fade
    filter: false,// 不过滤,否则选中后其它选项消失
});


function setSelectedOption(selector, value){
    if (value.length !=0) {
        $(selector +" > option[value=‘"+value+"‘]").attr("selected",true);
    }
}


可输入下拉框,jquery.editable-select

标签:else   editable   form   table   length   query   attr   否则   orm   

原文地址:https://www.cnblogs.com/vixviy/p/8985759.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!