我如何使用它们的ID动态获取制表符和药片中的数据？使用PHP和Codeigniter

Question

我正在创建一个用于问答的模块，我需要分别获取数据。

我创建了一个选项卡，在其中单击要回答的问题，它的子项或答案应该匹配。

供参考，这是我的问题

我拥有所有已获取的数据，应该不会。这就是为什么我创建了Tabs and Pills，以便可以将问题和答案分开的原因

12和13是每个数据的ID号

所以在药片和药丸中，我得到了这个

这个问题是，我无法动态获取数据，它仅显示ID 13数据以供问答。如何动态更改此设置，以便可以在选项卡上来回单击并通过其ID显示正确的数据？

我需要获取第一个标签的ID 12

所以这是我的观点

<ul class="nav nav-tabs" role="tablist">
        <?php foreach($questions as $question){ ?>
            <?php echo $question->id; ?>

            <li class="nav-item">
                <a class="nav-link" data-toggle="tab" href="#<?php echo $question->id ?>" role="tab"><h4><?php echo $question->question ?></h4></a>
            </li>
        <?php } ?>
    </ul>

    <!-- Tab panes -->
    <div class="tab-content">
        <div class="tab-pane" id="13" role="tabpanel">

        <div class="card" style="border:2px solid black;">
            <div class="card-body">
                    <?php foreach($this->question_model->findAnswersByQuestion($question->id) as $answer){ ?>
                        <?php if($answer->type_id==0): ?>

                                <input type="radio" name="question_<?php echo $question->id; ?>" value="<?php echo $answer->answer ?>" required/>
                                <?php echo $answer->answer; ?><hr>


                        <?php endif; ?>

                        <?php if($answer->type_id==1): ?>
                            <div class="input-group input-group-lg">
                                <input type="text" class="form-control col-md-6" placeholder="Enter Answer" name="question_<?php echo $question->id; ?>" required/>
                            </div>
                        <?php endif; ?>

                    <?php } ?>
            </div>
        </div><br>

        </div>
</div>

Answer 1

修复标签结构，您遍历nav-item的问题，但不遍历tab-pane，这就是为什么单击标签链接不执行任何操作。

<ul class="nav nav-tabs" role="tablist">
    <?php foreach($questions as $question){ ?>
    <li class="nav-item">
        <a class="nav-link" data-toggle="tab" href="#tab-<?php echo $question->id ?>" role="tab"><h4><?php echo $question->question ?></h4></a>
    </li>
    <?php } ?>
</ul>

<!-- Tab panes -->
<div class="tab-content">
    <?php foreach($questions as $question){ ?>
    <div class="tab-pane" id="tab-<?= $question->id ?>" role="tabpanel">
        <div class="card" style="border:2px solid black;">
            <div class="card-body">
                <?php foreach($this->question_model->findAnswersByQuestion($question->id) as $answer){ ?>

                    <!-- form input $answer / item -->

                <?php } ?>
            </div>
         </div>
     </div>
     <?php } ?>
</div>