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

时间:2014-04-02 15:48:36

标签: javascript jquery html

我目前正在循环并附加以下信息。它附加罚款,但是当我追加时我有问题。默认情况下它会以文本形式出现,但我希望它能够提交。

当我尝试按如下方式追加它时,它不起作用。 (空白屏幕)

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

请告知我如何将其添加为“提交”类型。谢谢。

$.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

4 个答案:

答案 0 :(得分:1)

尝试将提交放在''

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

答案 1 :(得分:0)

当你在双引号内时使用单引号,因为这是一个简单的语法错误。

您的代码应如下所示:

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

我建议您使用浏览器的JavaScript控制台,因为这肯定会立即指出语法错误。如果您使用FireBug等工具,甚至会更好。

答案 2 :(得分:0)

尝试使用它:

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

答案 3 :(得分:0)

如果它是一个按钮,您也可以使用按钮标签......

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

作为输入标记:

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