如何使用jquery创建表单元素答案

【问题标题】：How to create elements of form using jquery如何使用jquery创建表单元素
【发布时间】：2014-10-26 14:59:58
【问题描述】：

我的代码是

    <!DOCTYPE html>
    <html>
    <head>
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">                  </script>
    <script>
    function afterText() {
        var txt3 = document.createElement("b");   
        txt3.innerHTML = $("<input/>", {
        type: 'text',
        id: 'vname',
        name: 'name',
        placeholder: 'Your Name'
     });
     $("img").after(txt3);      
    }
    </script>
     </head>
  <body>
    <img src="/images/home.gif" alt="home" width="100" height="140">
    <button onclick="afterText()">click</button>
  </body>
  </html>

我得到的输出是[object Object]。但是如何添加输入字段（不应使用附加）。

【问题讨论】：

为什么不能使用 append？
Jquery 没有重新发明轮子。事实上，Jquery 将普通的 javascript 方法简化为一个调用。所以方法 append() 将永远被使用:-)

标签： javascript jquery dom createelement jquery-attributes

【解决方案1】：

对于 DOM 操作，无需混合使用 jQuery 和纯 JavaScript 方法。

只需使用以下内容：

 $('<div>' +
     '<input type="text" id="vname" name="name" placeholder="Your Name">' +
   '</div>').insertAfter('img');

或者如果您需要更高级的：

 $('<div>').append($('<input>', {
    type: 'text',
    id: 'vname',
    name: 'name',
    placeholder: 'Your Name'
 })).insertAfter('img');

【讨论】：

您的回答有效。谢谢！！如何在弹出窗口中显示而不是在图像后显示？