使用jQuery动态添加HTML表单字段

前端之家收集整理的这篇文章主要介绍了使用jQuery动态添加HTML表单字段前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
由于我不能使用div内部形式,我想知道如何在表单的中间添加新的字段(我不能使用.append()这里)不重新加载页面或重写形式? (使用jQuery)

编辑:
这是HTML:

<form id="form-0" name="0">
<b>what is bla?</b><br>
<input type="ra@R_404_410@" name="answerN" value="0"> aaa <br>
<input type="ra@R_404_410@" name="answerN" value="1"> bbb <br>
<input type="ra@R_404_410@" name="answerN" value="2"> ccc <br>
<input type="ra@R_404_410@" name="answerN" value="3"> ddd <br>
//This is where I want to dynamically add the new ra@R_404_410@ or text line

<input type="submit" value="Submit your answer">
//but HERE is where .append() will put it!

</form>

解决方法

什么似乎混淆这个线程是之间的区别:
$('.selector').append("<input type='text'/>");

它将目标元素追加为.selector的子级。

$("<input type='text' />").appendTo('.selector');

它将目标元素追加为.selector的子级。

注意目标元素& .selector在使用不同方法时改变。

你想做什么是这样的:

$(function() {

  // append input control at start of form
  $("<input type='text' value='' />")
     .attr("id","myfieldid")
     .attr("name","myfieldid")
     .prependTo("#form-0");

  // OR

  // append input control at end of form
  $("<input type='text' value='' />")
     .attr("id","myfieldid")
     .appendTo("#form-0");

  // OR

  // see .after() or .before() in the api.jquery.com library

});

猜你在找的jQuery相关文章