combox的基本应用

最新推荐文章于 2021-12-23 18:16:47 发布

weixin_34032827

最新推荐文章于 2021-12-23 18:16:47 发布

阅读量190

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/fanxijiang/p/8295195.html

版权

easyui-combox：控件的初始化；

可以在其中进行文字的筛选功能（过滤），

动态加载数据的方法。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../EasyUI/themes/default/easyui.css">
    <link rel="stylesheet" href="../EasyUI/themes/icon.css">
    <script src="../EasyUI/jquery.min.js"></script>
    <script src="../EasyUI/jquery.easyui.min.js"></script>
</head>
<body>
<input id="mycombox" name="mycombox">
<script>
$('#mycombox').combobox({
url:'combobox_data.json',
valueField:'id',
textField:'name',
    onSelect: function (r) {
        alert(r.id);
    },
    onLoadSuccess: function () {
        $(this).combobox('setText', '--请选择--');
    }
});
</script>
</body>
</html>

<!--json文件-->

[{
  "id":1,
  "name":"天蚕土豆"
},{
  "id":2,
  "name":"唐家三少"
},{
  "id":3,
  "name":"紫气东来",
  "selected":true
},{
  "id":4,
  "name":"辰东"
},{
  "id":5,
  "name":"爱吃西红柿"
}]

转载于:https://www.cnblogs.com/fanxijiang/p/8295195.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34032827

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
combox的基本应用

easyui-combox：控件的初始化；可以在其中进行文字的筛选功能（过滤），动态加载数据的方法。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="...
复制链接

扫一扫