easyui如何使用combobox的onselect
我写了一段程序，不知道为什么没有效果，求大神解救：<!DOCTYPEhtml><htmlxmlns="http://www.w3.org/1999/xhtml"><hea...
我写了一段程序，不知道为什么没有效果，求大神解救：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script type="text/javascript" src="../jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="../jquery.easyui.min.js"></script>
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<div id ="a" style ="background-color:red;width:100px;height:100px;display:none">red</div>
<div id ="b" style ="background-color:blue;width:100px;height:100px;display:none">blue</div>
<select id="cc" name="dept" style="width:200px;" class="easyui-combobox" data-options="onSelect:onccSelect">
<option value="1">aitem1</option>
<option value="2">bitem2</option>
<option value="3">citem3</option>
</select>
</div>
</form>
<script>
function onccSelect(record){
var value = $('#cc').combobox('getValue');
switch(value){
case "1":
$('#a').css("display","block");
break;
case "2":
$('#b').css("display","block");
break;
case "3":
$('#a').css("display","block");
$('#b').css("display","block");
break;
}
}
</script>
</body>
</html>
我本来想达到的效果是：当选择aitem1时，red块显示；选择bitem2时，blue块显示；选择citem3时，两个块均出现。可是实际上无论我选什么都没有反应，我不知道这是为什么 展开
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script type="text/javascript" src="../jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="../jquery.easyui.min.js"></script>
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<div id ="a" style ="background-color:red;width:100px;height:100px;display:none">red</div>
<div id ="b" style ="background-color:blue;width:100px;height:100px;display:none">blue</div>
<select id="cc" name="dept" style="width:200px;" class="easyui-combobox" data-options="onSelect:onccSelect">
<option value="1">aitem1</option>
<option value="2">bitem2</option>
<option value="3">citem3</option>
</select>
</div>
</form>
<script>
function onccSelect(record){
var value = $('#cc').combobox('getValue');
switch(value){
case "1":
$('#a').css("display","block");
break;
case "2":
$('#b').css("display","block");
break;
case "3":
$('#a').css("display","block");
$('#b').css("display","block");
break;
}
}
</script>
</body>
</html>
我本来想达到的效果是：当选择aitem1时，red块显示；选择bitem2时，blue块显示；选择citem3时，两个块均出现。可是实际上无论我选什么都没有反应，我不知道这是为什么 展开
1个回答
展开全部
把onccSelect方法中的参数record去掉，
追问
不行啊 还有什么办法吗？
追答
把data-options="onSelect:onccSelect"删掉，
在
$(document).ready(function () {
$('#cc').onselect(function onccSelect{
var value = $('#cc').combobox('getValue');
switch(value){
case "1":
$('#a').css("display","block");
$('#b').css("display","none");
break;
case "2":
$('#a').css("display","none");
$('#b').css("display","block");
break;
case "3":
$('#a').css("display","block");
$('#b').css("display","block");
break;
}
})
}
如果还没反应，在方法中加alert($('#cc').combobox('getValue'));看看这句执行不，看看输出值是否正确。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
