在引导中使用jquery添加新的文本元素

大家好，我正在bootstrap中设计一个页面，现在我必须使用jquery添加一些新的动态特性。 在用户单击添加选项按钮（按钮id=btAdd）后，我必须添加一个新的文本字段。 新字段应位于该按钮后的下一行。 这是代码

<div class="col-md-12 well well-sm" role="main">
            <fieldset>
                <legend>Please Enter The Filters Configuration Here</legend>
                <form>
 <div class="row">

        <div class="col-xs-7">
      <label for="Server URL">Server Url:</label>
      <input type="Server URL" class="form-control" id="Server URL" placeholder="Enter Server URL">
         </div>

    <div class="col-xs-7">
      <label for="pwd">Filter Name:</label>
      <input type="Filter Name" class="form-control" id="pwd" placeholder="Enter Filter Name">
    </div>

    <div class="col-xs-7">
          <label for="sel1">Filter Type:</label>
             <select class="form-control" id="sel1">
                <option>Text</option>
                <option>List</option>  
             </select>
    </div>

    <div class="col-xs-6">
      <label for="Filter Options">Filter Options:</label>

     <span class="inputWithButton">
     <input type="password" class="form-control" id="pwd">
      <button class="btn btn-info" id="btAdd">Add Options</button>
     </span> 
  </div>


    <div class="col-xs-7">
      <label for="Filter Label">Filter Label:</label>
      <button type="button" class="btn btn-success">Add Filter</button>
    </div>

    <div class="form-group">        
      <div class="col-sm-offset-3 col-sm-10">
        <button type="submit" class="btn btn-success">Submit</button>
      </div>
    </div>

    </div>
  </form>
</div>

请在此处输入过滤器配置
服务器Url:
过滤器名称：
过滤器类型：
文本
列表
过滤器选项：
添加选项
过滤器标签：
添加过滤器
提交

这应该可以满足您的需要：

<button class="btn btn-info" id="btAdd" onclick="AddOption()">Add Options</button>
<div id="optionsContainer"></div>
<script>
    function AddOption() {
        var container = $('#optionsContainer');;
        container.append('<input class="form-control" id="addOptionInput" placeholder="Enter option">');
    }
</script>

添加选项
函数AddOption（）{
变量容器=$（“#选项容器”）；；
容器。附加（“”）；
}

---

OnClick调用一个函数，该函数使用JQuery Append添加元素。

这相对容易做到-您自己尝试过什么吗？如果是，请包括在内，我们可以帮助你。到目前为止你做了什么？当你点击按钮时，找到父元素，你可以使用

after

，或者如果你想添加更多的字段，你可以使用

last

和

after

。ya derek我有..我刚刚接触jquery，所以我无法理解它。不要使用“bootstrap”作为标记，而是使用“twitter bootstrap”，因为这是另一回事。