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

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

编辑:
这是HTML:

<form id="form-0" name="0">
<b>what is bla?</b><br>
<input type="radio" name="answerN" value="0"> aaa <br>
<input type="radio" name="answerN" value="1"> bbb <br>
<input type="radio" name="answerN" value="2"> ccc <br>
<input type="radio" name="answerN" value="3"> ddd <br>
//This is where I want to dynamically add the new radio 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动态添加HTML表单字段全部内容,希望文章能够帮你解决使用jQuery动态添加HTML表单字段所遇到的程序开发问题。

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:76874919,请注明来意。

脚本之家官方公众号

微信公众号搜索 “ 程序精选 ” ,选择关注!

微信公众号搜索 “ 程序精选 ” ,选择关注!
精选程序员所需精品干货内容!

标签: