在jsp中动态应用jquery-easyui-1.2.2的样式为什么不起作用
<html><head><title>jQueryEasyUI</title><linkrel="stylesheet"type="text/css"href="../t...
<html>
<head>
<title>jQuery 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="aa.css">
<script type="text/javascript" src="../jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="../jquery.easyui.min.js"></script>
<script>
function aaa()
{
document.getElementById("ddd").className="easyui-combobox";
document.getElementById("div1").innerHTML="<select id='cc' name='cc' class='easyui-combobox'><option value='KM0803323'>应收账款</option><option value='KM0803325'>其他应收款</option></select>"
}
</script>
</head>
<body>
<select id="ddd" name="cc">
<option value='KM0803323' >应收账款</option>
<option value='KM0803325'>其他应收款</option>
</select><br>
<div id="div1">
</div>
<input type="button" value="click..." onclick="aaa()"/>
</body>
</html>
上面的两种方式：document.getElementById("ddd").className="easyui-combobox";
document.getElementById("div1").innerHTML="<select id='cc' name='cc' class='easyui-combobox'><option value='KM0803323'>应收账款</option><option value='KM0803325'>其他应收款</option></select>" 。。。在页面上显示都没有效果，但是通过js可以得到样式名(easyui-combobox)。。怎么解决呢？求答案！ 展开
<head>
<title>jQuery 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="aa.css">
<script type="text/javascript" src="../jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="../jquery.easyui.min.js"></script>
<script>
function aaa()
{
document.getElementById("ddd").className="easyui-combobox";
document.getElementById("div1").innerHTML="<select id='cc' name='cc' class='easyui-combobox'><option value='KM0803323'>应收账款</option><option value='KM0803325'>其他应收款</option></select>"
}
</script>
</head>
<body>
<select id="ddd" name="cc">
<option value='KM0803323' >应收账款</option>
<option value='KM0803325'>其他应收款</option>
</select><br>
<div id="div1">
</div>
<input type="button" value="click..." onclick="aaa()"/>
</body>
</html>
上面的两种方式：document.getElementById("ddd").className="easyui-combobox";
document.getElementById("div1").innerHTML="<select id='cc' name='cc' class='easyui-combobox'><option value='KM0803323'>应收账款</option><option value='KM0803325'>其他应收款</option></select>" 。。。在页面上显示都没有效果，但是通过js可以得到样式名(easyui-combobox)。。怎么解决呢？求答案！ 展开
1个回答
展开全部
你只是修改成easyui的类名，但是easyui.JS并没有对html控件进行初始化。
这项操作在pageonload的时候执行过，但是你后来添加的时候没有，so
function aaa() {
document.getElementById("ddd").className = "easyui-combobox";
document.getElementById("div1").innerHTML = "<select id='cc' name='cc' class='easyui-combobox'><option value='KM0803323'>应收账款</option><option value='KM0803325'>其他应收款</option></select>";
$.parser.parse();
}
在aaa（）方法后面加上 $.parser.parse();初始化一遍就欧了。
既然都引用了JQ框架，就别用document.getElementById这些了，估计楼主对JQ还不熟悉。
其实换成$(".easyui-combobox").combobox();也行
这项操作在pageonload的时候执行过，但是你后来添加的时候没有，so
function aaa() {
document.getElementById("ddd").className = "easyui-combobox";
document.getElementById("div1").innerHTML = "<select id='cc' name='cc' class='easyui-combobox'><option value='KM0803323'>应收账款</option><option value='KM0803325'>其他应收款</option></select>";
$.parser.parse();
}
在aaa（）方法后面加上 $.parser.parse();初始化一遍就欧了。
既然都引用了JQ框架，就别用document.getElementById这些了，估计楼主对JQ还不熟悉。
其实换成$(".easyui-combobox").combobox();也行
本回答被提问者采纳
已赞过
已踩过<
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
