标题: EasyUI插件：combobox获取选择项的值
作者: dnawo
日期: 2013-05-20 04:18 PM
分类: 脚本语言
内容: 复制内容到剪贴板 程序代码<!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)
────────────
PJBlog3 v3.2.9.518 Inside.
Processed In 0.031 ms
你没有权限发表评论
────────────
PJBlog3 v3.2.9.518 Inside.
Processed In 0.031 ms
暂无评论
────────────
PJBlog3 v3.2.9.518 Inside.
Processed In 0.031 ms