首页 新闻 搜索 专区 学院

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);

ruanyaya鸭下任男朋友的主页 ruanyaya鸭下任男朋友 | 初学一级 | 园豆:17
提问于:2011-09-22 23:46
< >
分享
所有回答(3)
0

使用Jquery的代码贴出来看看

query可以是用$("#id").html()获取html内容,首页$("#id").html("<p></p>")填充里面的内容

慧☆星 | 园豆:5555 (大侠五级) | 2011-09-23 08:51

 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) 反对(0) 慧☆星 | 园豆:5555 (大侠五级) | 2011-09-24 08:57
0

把代码帖出来看看

artwl | 园豆:16536 (专家六级) | 2011-09-23 08:52

 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+" 试试

支持(0) 反对(0) artwl | 园豆:16536 (专家六级) | 2011-09-23 09:27

那个没有影响,我试过的,这里不用 "+i+" ,i代表的就不是参数了,就等同于一个字符串了

0

不要写这种蛋疼的代码,不好维护不说,容易被同事鄙视。

使用json+document.createElement()来创建dom,清晰,易懂,又比较好排错。

写代码的小2B | 园豆:4355 (老鸟四级) | 2011-09-23 12:06

这就是同事写的我,阿不是我写的,那同事辞职了,我修改错误蛋疼啊

清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册