Question

我想让用户添加一个表单元素，如果他们想使用Jquery添加一个器具，我真的卡住了，看不到怎么做。有人可以帮忙吗？

谢谢！

<form id="recipe_form" name ="recipe_form" action="createxml.php" enctype="multipart/form-data" method="post">
          <h1> Recipe Name</h1>


        <h1> Preperation Time + Description</h1>
        <label for="prep_time">Enter Preparation Time</label>
        <input type="text" name="prep_time" ><br />

        <label for="descrip">Enter a recipe Description</label>
        <input type="text" name="descrip" ><br />
        <br />

        <div id="utensil">

        <h1> Untensils </h1>
        <label for="utensil_num">Enter Utensil number</label>
        <input type="text" name="utensil_num"><br />

        <label for="utensil_descrip">Enter Utensil Description</label>
        <input type="text" name="utensil_descrip">
            <a href="#" id"addRow"> Add Another Utensil </a><br />

        </div>


        <br />
        <button type="submit">Save on xml</button>
      </form>

Answer 1

您可以在方便时使用jQuery.html()方法

jQuery('#recipe_form').html("<input type=\"text\">")

这将在表单中插入一个输入元素，触发事件以便在方便的时候插入html

Answer 2

是的，你可以点击按钮

来实现

jQuery("#buttonid").click(function(){
jQuery( "#utensil" ).append( "<input type=\"text\">" ); 



})

希望这有帮助

使用jquery在表单中动态添加元素

2 个答案: