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'));看看这句执行不,看看输出值是否正确。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |