javascript - 用 Javascript/JQuery 插入新的表单元素？

Question

Javascript/JQuery 的新手。

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

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

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

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

Answer 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