2 miaoyu27 miaoyu27 于 2014.09.13 15:02 提问

EasyUI的combobox控件使用onchange事件之后,输入文本时列表框检索功能不再可用。

初次使用EasyUI,请各位大神帮忙看看有没有解决方法。

详细的代码如下:

<html>
<head>
<meta charset="GBK">
<title>操蛋的EasyUI!!!</title>
<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css" />
<link rel="stylesheet" type="text/css" href="../../themes/icon.css" />
<link rel="stylesheet" type="text/css" href="../demo.css" />
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
</head>
<body>
<div id="ZhuaKuang" style="height: 25px; width: 100%;">
</div>
<select id="state" class="easyui-combobox" name="state" style="width: 200px; height: 35px;">
    <option value="AL" selected>Alabama</option>
    <option value="AK">Alaska</option>
    <option value="AZ">Arizona</option>
    <option value="AR">Arkansas</option>
</select>
<script language="javascript" type="text/javascript">
    $(document).ready(function () {
        $('#state').combobox({
            onChange: function (n, o) {
                var v = document.getElementById("ZhuaKuang");
                v.innerHTML = n;
            }
        });
    });
</script>
</body>
</html>

使用onChange事件后,输入字符串时下拉框的检索功能失效,只能通过点击右侧的箭头来弹出列表项。列表内有上千个产品,不能使用检索功能,想想心都要碎了……

2个回答

caryyin
caryyin   2014.11.19 17:06





操蛋的EasyUI!!!



$(document).ready(function () { $('#state').combobox({ valueField: 'id', textField: 'text', width:200, height:35, data: [{ id: 'AL', text: 'Alabama' },{ id: 'AK', text: 'Alaska' },{ id: 'AZ', text: 'Arizona' },{ id: 'AR', text: 'Arkansas' }], onChange: function (n, o) { var v = document.getElementById("ZhuaKuang"); v.innerHTML = n; } }); });



全用JS定义combobox。数据都定义在data或用url获取。

caryyin
caryyin   2014.11.19 17:26
<html>
<head>
<meta charset="GBK">
<title>操蛋的EasyUI!!!</title>
<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css" />
<link rel="stylesheet" type="text/css" href="../../themes/icon.css" />
<link rel="stylesheet" type="text/css" href="../demo.css" />
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
</head>
<body>
<div id="ZhuaKuang" style="height: 25px; width: 100%;">
</div>
<input id="state">
<script language="javascript" type="text/javascript">

    $(document).ready(function () { 
        $('#state').combobox({
            valueField: 'id',
            textField: 'text',
            width:200,
            height:35,
            data: [{
                id: 'AL',
                text: 'Alabama'
            },{
                id: 'AK',
                text: 'Alaska'
            },{
                id: 'AZ',
                text: 'Arizona'
            },{
                id: 'AR',
                text: 'Arkansas'
            }],
            onChange: function (n, o) {
                var v = document.getElementById("ZhuaKuang");
                v.innerHTML = n;
            }
        });
    });

</script>
</body>
</html>

全用JS定义combobox。数据都定义在data或用url获取。

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!