jQuery LigerUI系列：ligerComboBox

libingql發表於2015-06-07
jQueryUI

1. ligerComboBox引數、方法及事件

1.1 引數

 

2. ligerComboBox示例

2.1 初始化HTML select控制元件

<link href="/Scripts/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet"/>
<script src="/Scripts/jquery-1.11.3.js"></script>
<script src="/Scripts/ligerUI/js/ligerui.all.js"></script>
<select id="selWeekdays">
    <option value="0">星期日</option>
    <option value="1">星期一</option>
    <option value="2">星期二</option>
    <option value="3">星期三</option>
    <option value="4">星期四</option>
    <option value="5">星期五</option>
    <option value="6">星期六</option>
</select>
<input id="hdWeekday" type="hidden" />
<div>
    <input type="button" value="獲取" onclick="GetValue()" />
</div>
<script type="text/javascript">
    $(function () {
        $("#selWeekdays").ligerComboBox({
            valueFieldID: 'hdWeekday'
        });
    });

    function GetValue() {
        alert($("#hdWeekday").val());
    }
</script>

 

相關文章