EasyUI插件:combobox获取选择项的值

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>demo</title>
    <link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css">  
    <link rel="stylesheet" type="text/css" href="easyui/themes/icon.css">  
    <script type="text/javascript" src="easyui/jquery.min.js"></script>  
    <script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js"></script>
</head>
<body>
    <input id="input1" class="easyui-numberbox" /><br />
    <input id="input2" class="easyui-combobox" /><br />
    <input id="input3" class="easyui-datebox" /><br />
    <input type="button" id="btn1" value="Get" />
    <script type="text/javascript">
        $(document).ready(function () {
            $("#input2").combobox({
                valueField: "Id",
                textField: "Name",
                data: [
                    { "Id": 1, "Name": "user1" },
                    { "Id": 2, "Name": "user2" },
                    { "Id": 3, "Name": "user3" }
                ]
            });
            $("#btn1").click(function () {
                var val1 = $("#input1").numberbox("getValue");
                var val2 = $("#input2").combobox("getValue");
                var txt2 = $("#input2").combobox("getText");
                var val3 = $("#input3").datebox("getValue");
                alert(val1 + "," + txt2 + "," + val2 + "," + val3);
            });            
        });
    </script>
</body>
</html>

效果预览:



说明:combobox、datebox等插件均依赖于combo插件,取值方式也和combo相同。

评论: 0 | 引用: 0 | 查看次数: 32976
发表评论
登录后再发表评论!