使用Javascript / JQuery插入新的表单元素?

时间:2013-07-01 17:56:37

标签: javascript jquery html forms

Javascript / JQuery的新手。

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

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

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

另外,我如何将其插入表单中的适当位置?

1 个答案:

答案 0 :(得分:2)

创建表单输入元素..

 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