JQuery创建一个表单并以编程方式向其添加元素

Question

嗨,我需要创建一个表单并以编程方式添加元素.

$form = $("<form></form>");
$form.append("<input type=button value=button");

这似乎不正常.

Answer 1

你也需要追随form自己body:

$form = $("<form></form>");
$form.append('<input type="button" value="button">');
$('body').append($form);

Answer 2

第二行应写为:

$form.append('<input type="button" value="button">');

Answer 3

var form = $("<form/>", 
                 { action:'/myaction' }
            );
form.append( 
    $("<input>", 
         { type:'text', 
           placeholder:'Keywords', 
           name:'keyword', 
           style:'width:65%' }
     )
);

form.append( 
     $("<input>", 
          { type:'submit', 
            value:'Search', 
            style:'width:30%' }
       )
);

$("#someDivId").append(form);

Answer 4

标签未关闭：

$form.append("<input type=button value=button");

应该：

$form.append('<input type="button" value="button">');

Answer 5

function setValToAssessment(id)
{

     $.getJSON("<?= URL.$param->module."/".$param->controller?>/setvalue",{id: id}, function(response)
     {
        var form = $('<form></form>').attr("id",'hiddenForm' ).attr("name", 'hiddenForm'); 
         $.each(response,function(key,value){
            $("<input type='text' value='"+value+"' >")
 .attr("id", key)
 .attr("name", key)
 .appendTo("form");


             });
              $('#hiddenForm').appendTo('body').submit();

        // window.location.href = "<?=URL.$param->module?>/assessment";
    });

}