Tab Bootstrap:如何包含动态字段

时间:2016-08-30 17:21:47

标签: php jquery twitter-bootstrap

在我的代码中,我有4个boostrap标签。 在第二个选项卡中,我想创建一个新字段:例如:field33

如何在由名为。

的模块选择的选项卡内的php中插入动态代码

你知道有什么可以做的吗?我写了一个文件(在tab2的数据内),tab2显示了文件的数据(field33)。

Tk的

 <div>
      <ul class="nav nav-tabs" role="tablist"  id="myTab">
        <li class="nav-item"><?php echo '<a href="#tab1" role="tab" data-toggle="tab" class="nav-link active">' .  TAB_GENERAL . '</a>'; ?></a></li>
        <li class="nav-item"><?php echo '<a href="#tab2" role="tab" data-toggle="tab" class="nav-link">' .  TAB_DESC . '</a>'; ?></a></li>
        <li class="nav-item"><?php echo '<a href="#tab3" role="tab" data-toggle="tab" class="nav-link">' .  TAB_REF . '</a>'; ?></a></li>
        <li class="nav-item"><?php echo '<a href="#tab4" role="tab" data-toggle="tab" class="nav-link">' .  TAB_IMG . '</a>'; ?></a></li>
      </ul>
      <div>
        <div class="tab-content">
         <div class="tab-pane active" id="tab1">
            fields1
            fields2
         </div>
          <div class="tab-pane" id="tab2">
            fields3
            fields4
         </div>
          <div class="tab-pane" id="tab3">
            fields5
            fields6
         </div>
          <div class="tab-pane" id="tab4">
            fields6
            fields7
         </div>
       </div>

1 个答案:

答案 0 :(得分:1)

我认为您需要使用Jquery, Ajax and JSON