jQuery生成html代码无法使用

Question

function createLoginDialog(){
var obj = $("<div></div>").attr("title","用户登陆").attr("id","dialogTest");
var form = $("<FORM></FORM>").attr("name","loginForm").attr("onSubmit","return check()").attr("action","doManage/doLogin.jsp").attr("method","post");
var divForm = obj.append(form);
var username = $("<lable></lable>").text("用户名:");
objobj = divForm.append(username);
var userinput = $("<input>").attr("class","input").attr("type","text").attr("maxLength","20").attr("size","40").attr("name","uname");
objobj = divForm.append(userinput);
var br = $("<br />");
divForm.append(br);
var password = $("<lable></lable>").text("密    码:");
objobj = divForm.append(password);
var passinput = $("<input>").attr("class","input").attr("type","password").attr("maxLength","20").attr("size","40").attr("name","upass");
objobj = divForm.append(passinput);
divForm.addClass('flora').dialog({
width:350,
height:200,
modal : true,
bgiframe : true,
resizable: false,
buttons:{
'登陆':function(){
$("FORM:first").submit();
},
}
});
}
以上是我用jQuery写的，然后到了doManage/doLogin.jsp就不识别2个文本框：uname和upass了，大小写检查无错误。
我同样直接使用html代码就可以正确使用....

Answer 1

LZ是在IE下测试的吗？？IE下不准许修改name属性

Answer 2

用alert($('dialogTest').innerHTML)看看你生成的HTML代码是否有问题...

Answer 3

回一楼，我用google或FF测试...IE一般最后才看...因为太烦
我试试2楼的方法~

Answer 4

显示不出来吗....弹出dialog呀...

Answer 5

name 和Name 是有区别的。

Answer 6

LZ没听懂我的意思吗 IE下使不能修改动态产生的元素的name属性，
要使用IE下createElement的特殊语法document.createElement('<input name="your_name">')

Answer 7

看了代码，楼主并没有把input框包含在form里面
改了下楼主的代码var obj = $("<div></div>").attr("title","用户登陆").attr("id","dialogTest");
    var form = $("<FORM></FORM>").attr("name","loginForm").attr("onSubmit","return check()").attr("action","doManage/doLogin.jsp").attr("method","post");
    var divForm = obj.append(form);
    //该处在IE下无效，IE下请改为var username = $("<lable>用户名:</lable>");
    var username = $("<lable></lable>").text("用户名:");
    //应该是在form下追加
    objobj = form.append(username);
    var userinput = $("<input>").attr("class","input").attr("type","text").attr("maxLength","20").attr("size","40").attr("name","uname");
  //应该是在form下追加
    objobj = form.append(userinput);
    var br = $("<br />");
    //form下追加
    form.append(br);
    //该处在IE下无效，IE下请改为var username = $("<lable>密    码:</lable>");
    var password = $("<lable></lable>").text("密    码:");
  //应该是在form下追加
    objobj = form.append(password);
    var passinput = $("<input>").attr("class","input").attr("type","password").attr("maxLength","20").attr("size","40").attr("name","upass");
  //应该是在form下追加
    objobj = form.append(passinput);
    //
    $(document.body).append(divForm);
    divForm.addClass('flora').dialog({
    width:350,
    height:200,
    modal : true,
    bgiframe : true,
    resizable: false,
    buttons:{
     '登陆':function(){
         $("FORM:first").submit();
     }
     }//这里多了个逗号
    });