使用 Javascript/JQuery 插入新的表单元素？ [关闭]

【问题标题】：Inserting new form element with Javascript/JQuery? [closed]使用 Javascript/JQuery 插入新的表单元素？ [关闭]
【发布时间】：2013-07-01 17:56:36
【问题描述】：

Javascript/JQuery 新手。

如何创建这样的表单元素：

<input type="number" name="coupon" id="coupon" min="1.0" max="5.0" step="0.5" value="2.5"/>

这样我就可以根据我存储的变量分配最小值/最大值/值。

另外，我如何将它插入表单中的适当位置？

【问题讨论】：

你能发布更多代码吗？你在哪里有变量？在 javascript 或数据库/sql 中？
网络上的文档和数百个教程描述了如何创建元素并将它们放入 DOM。究竟是哪一部分你不知道该怎么做？
这是一个相当广泛的问题。您如何定义表格中的正确位置？你从哪里得到变量？

标签： javascript jquery html forms

【解决方案1】：

创建一个表单输入元素..

 var max="2",min="1",value="test"; //your values
 var createdInput=$('<input>',{
                type:"number",
                name:"coupon",
                id:"coupon",
                min:min,
                max:max,
                step:"0.5"
                value:value
 });

这是创建一个输入元素..并将其放置在您可以使用的表单中.. append() 或 after() , prepend() .. DOM 插入的任何方法（实际上取决于您想要的位置） .

$('#formID').append(createdInput); //this will append the input to form
$('#elementID').after(createdInput); //this will add the created input after the element in the selector

【讨论】：