javascript 的innerhtml不兼容,换jQuery的append又报缺少分号问题
0
悬赏园豆：10
[已关闭问题]
关闭于 2011-09-24 22:26
用JS的innerhtml就IE兼容，其他的都有问题，哎，纠结啊
问题补充：
var t="<div id=\"teach'+i+'\"> <div class=\"pitem\"><em>年级：</em><select name=\"grade'+i+'\" id=\"grade'+i+'\"><option value=\"\">选择</option>${selectgrade}</select><span class=\"errors\" id=\"span7\" style=\"display: none;\"></span><span class=\"rights\" id=\"span8\" style=\"display:none;\"></span></div><div class=\"pitem\"><em>班级：</em><input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"1\">1班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"2\">2班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"3\">3班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"4\">4班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"5\">5班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"6\">6班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"7\">7班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"8\">8班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"9\">9班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"10\">10班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"11\">11班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"12\">12班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"13\">13班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"14\">14班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"15\">15班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"16\">16班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"17\">17班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"18\">18班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"19\">19班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"20\">20班<span class=\"errors\" id=\"span9\" style=\"display: none;\"></span><span class=\"rights\" id=\"span10\" style=\"display: none;\"></span></div><div class=\"pitem\"><em>所教课程：</em><select name=\"subject'+i+'\" id=\"subject'+i+'\"><option value=\"\">选择</option>${TeachSubject}</select></div><input type=\"button\" value=\"删除\" onclick=\"del('+i+')\"/></div>";
jQuery("#teach").append(t);
所有回答(3)
0
使用Jquery的代码贴出来看看
query可以是用$("#id").html()获取html内容，首页$("#id").html("<p></p>")填充里面的内容
var t="<div id=\"teach'+i+'\"> <div class=\"pitem\"><em>年级：</em><select name=\"grade'+i+'\" id=\"grade'+i+'\"><option value=\"\">选择</option>${selectgrade}</select><span class=\"errors\" id=\"span7\" style=\"display: none;\"></span><span class=\"rights\" id=\"span8\" style=\"display:none;\"></span></div><div class=\"pitem\"><em>班级：</em><input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"1\">1班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"2\">2班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"3\">3班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"4\">4班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"5\">5班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"6\">6班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"7\">7班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"8\">8班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"9\">9班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"10\">10班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"11\">11班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"12\">12班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"13\">13班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"14\">14班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"15\">15班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"16\">16班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"17\">17班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"18\">18班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"19\">19班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"20\">20班<span class=\"errors\" id=\"span9\" style=\"display: none;\"></span><span class=\"rights\" id=\"span10\" style=\"display: none;\"></span></div><div class=\"pitem\"><em>所教课程：</em><select name=\"subject'+i+'\" id=\"subject'+i+'\"><option value=\"\">选择</option>${TeachSubject}</select></div><input type=\"button\" value=\"删除\" onclick=\"del('+i+')\"/></div>"; //这串报缺少分号，可是我把这点代码放到vs10里面去测试又没有问题，在项目里面（VS08）的，就报缺少分号，如果我吧这两句代码删除了，就不报错了，奇怪
jQuery("#teach").append(t);
@tanshaohua:建议你小个工具专门把html转换为js字符串，就方便了。给你推荐一款 《HTML Converter 转换代码》《HTML Converter》《html2anycode》
0
把代码帖出来看看
var t="<div id=\"teach'+i+'\"> <div class=\"pitem\"><em>年级：</em><select name=\"grade'+i+'\" id=\"grade'+i+'\"><option value=\"\">选择</option>${selectgrade}</select><span class=\"errors\" id=\"span7\" style=\"display: none;\"></span><span class=\"rights\" id=\"span8\" style=\"display:none;\"></span></div><div class=\"pitem\"><em>班级：</em><input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"1\">1班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"2\">2班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"3\">3班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"4\">4班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"5\">5班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"6\">6班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"7\">7班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"8\">8班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"9\">9班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"10\">10班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"11\">11班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"12\">12班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"13\">13班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"14\">14班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"15\">15班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"16\">16班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"17\">17班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"18\">18班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"19\">19班<input type=\"checkbox\" name=\"teacherclass'+i+'\" value=\"20\">20班<span class=\"errors\" id=\"span9\" style=\"display: none;\"></span><span class=\"rights\" id=\"span10\" style=\"display: none;\"></span></div><div class=\"pitem\"><em>所教课程：</em><select name=\"subject'+i+'\" id=\"subject'+i+'\"><option value=\"\">选择</option>${TeachSubject}</select></div><input type=\"button\" value=\"删除\" onclick=\"del('+i+')\"/></div>"; //这串报缺少分号，可是我把这点代码放到vs10里面去测试又没有问题，在项目里面（VS08）的，就报缺少分号，如果我吧这两句代码删除了，就不报错了，奇怪
@tanshaohua:
你把代码中的 '+i+' 改为 "+i+" 试试
那个没有影响，我试过的，这里不用 "+i+" ，i代表的就不是参数了，就等同于一个字符串了
0
不要写这种蛋疼的代码，不好维护不说，容易被同事鄙视。
使用json+document.createElement()来创建dom，清晰，易懂，又比较好排错。
这就是同事写的我，阿不是我写的，那同事辞职了，我修改错误蛋疼啊
