如何附加类型为“提交”的输入字段

Question

I am currently looping through and appending the following information. It is appending fine but I am having problem when I append . By default it is coming as a text but I want it to be submit.

When I try to append it as follows, it doesn't work. (Blank screen)

 $("<input type="submit"/>",{
                text:"Paid"
            }).appendTo(wrap);

Please advice how I can append it aa type 'submit' . Thanks.

$.each(data,function(elem){
            var wrap = $("<div/>").attr('data-role', 'collapsible');
            identity.push(data[elem].id); 
            //Create the h1 and the other elements appending them to bills List
            $("<h1/>",{
                text:data[elem].reference
            }).appendTo(wrap);   
            $("<p/>",{
                text:"Account: "+ data[elem].account
            }).appendTo(wrap);        
            $("<p/>",{
                text:"Amount: "+ data[elem].amount
            }).appendTo(wrap);
            $("<input/>",{
                text:"Paid"
            }).appendTo(wrap);
            wrap.appendTo('#unpaidList');             
        })//end of for each loop

Answer 1

Try put the submit inside '' :

 $("<input type='submit'/>",{
                text:"Paid"
            }).appendTo(wrap);

Answer 2

Use single quotes when you are inside double quotes, because this way it's a simple syntax error.

Your code should look like this:

 $("<input type='submit'/>",{ text:"Paid" }).appendTo(wrap);

I suggest you to use the browser's JavaScript console, because that would surely indicate syntax errors immediately. Or even better if you use a tool such as FireBug .

Answer 3

尝试使用此：

$('<input>').prop('type', 'text'): 

Answer 4

If it's a button, you may as well use a button tag...

$('<button/>', {
      type: 'submit',
      text: 'Paid'
}).appendTo(wrap);

as an input tag:

$('<input/>', {
      type: 'submit',
      text: 'Paid'
}).appendTo(wrap);