初次使用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事件后,输入字符串时下拉框的检索功能失效,只能通过点击右侧的箭头来弹出列表项。列表内有上千个产品,不能使用检索功能,想想心都要碎了……
操蛋的EasyUI!!!
全用JS定义combobox。数据都定义在data或用url获取。
<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获取。