表详细信息中的引导程序下拉列表

Bootstrap Dropdown in Table Detail

本文关键字:引导程序 下拉列表 详细信息      更新时间:2023-09-26

添加下拉列表的正确方法是什么?我正在将这些信息传递给JS/PHP,其他一切都在工作。。。我希望尽可能少的改变!

    <table id="create">
    <thead>
    <tr>
        <th>Name</th>
        <th>Type</th>
        <th>Start</th>
        <th>End</th>
        <th>Active</th>
        <th></th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td><input style="min-width: 180px" class="form-control name" type="text" name="name" placeholder="Contest Name"></td>
        <td> BOOTSTRAP DROPDOWN </td>
        <td><input class="form-control start" type="date" name="start" placeholder="Start Date (mm/dd/yyyy)"></td>
        <td><input class="form-control end" type="date" name="end" placeholder="End Date (mm/dd/yyyy)"></td>
        <td><input class="form-control active" type="checkbox" name="active" value="1" CHECKED></td>
        <td><input class="btn btn-success create" type="button" name="create" value="Create"></td>
    </tr>
    </tbody>
</table>

除非我遗漏了什么,否则这是非常直接的,因为文档就在这里。只需向下滚动到select部分即可阅读。将此代码添加到您的表单中。

<select class="form-control">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
</select>