Foreach for records listing but half row content in different order

Question

我正在为学生学习语言开发匹配。

看看：

这段代码没有错误。在这里，我完美地循环了数据库中的所有内容。但是当从数据库中循环内容时，我想随机显示图像。如果第一张图片来自第一条记录，那么它将显示在另一行。（随机地）。或者，如果第二张图片来自第二条记录，则它将显示在其他记录中。（不一样）。

现在，我想随机显示右侧选项。不知道左侧和右侧的查询，因此右侧内容不同。（图片）。目前，它正在显示具有正确选项的相同图片。

我需要显示与答案不同的随机图片。在该用户将答案添加到图像之前的文本框之后。

if(!empty($question)){ // empty start
           $options = $this->general_db_model->getAll('re_matching_options','ID',array('MatchingID'=>$question->ID));
           ?>
                    <div class="quiz_section">
                        <h4 class="no-margin-top"><?php echo $question->Question?></h4>
                        <ul class="quiz_list list-unstyled">
                        <?php if(!empty($options)){ foreach($options as $option){
            $countoption++;
            ?>
                          <li class="row"> <span class="col-xs-12 col-sm-6 col-md-6"> <span class="box_question"> <span class="question"><?php echo $countoption?>.</span> <span class="question">
                            <?php echo $option->FirstCol?> / <?php echo $option->FirstCol2?>
                            </span> </span> </span> <span class="col-xs-12 col-sm-6 col-md-6 text-center"> <span class="answers_box">
                            <input type="hidden" value="<?php echo $option->ID?>" name="matching_<?php echo $question->ID?>_<?php echo $option->ID?>_<?php echo $countoption?>"/>
                            <input type="text" placeholder="" name="matching_ans_<?php echo $question->ID?>_<?php echo $option->ID?>"/>
                            <span class="test"><?php //echo $option->Answer
                              echo '<a href="'.base_url().'uploads/banner/'.$option->Answer.'" target="_blank"><img src="'.base_url().'uploads/files/'.$option->Answer.'" style="width:62px;"></a></span> </span> </span> </li>'; ?>
                          <?php } }?>
                        </ul>
                      </div>                                                            
                    <?php
        }//empty end

HTML :

<div class="quiz_section">
                        <h4 class="no-margin-top">Heading of Question for Text to Image</h4>
                        <ul class="quiz_list list-unstyled">
                                                      <li class="row"> <span class="col-xs-12 col-sm-6 col-md-6"> <span class="box_question"> <span class="question">1.</span> <span class="question">
                            asdfdsfdsf / ddddddd                                </span> </span> </span> <span class="col-xs-12 col-sm-6 col-md-6 text-center"> <span class="answers_box">
                            <input type="hidden" name="matching_93_46_1" value="46">
                            <input type="text" name="matching_ans_93_46" placeholder="">
                            <span class="test"><a target="_blank" href="http://localhost/burmese/uploads/banner/Melon-Daiquiri.jpg1_2_1.jpg"><img style="width:62px;" src="http://localhost/burmese/uploads/files/Melon-Daiquiri.jpg1_2_1.jpg"></a></span> </span> </span> </li>                                                            <li class="row"> <span class="col-xs-12 col-sm-6 col-md-6"> <span class="box_question"> <span class="question">2.</span> <span class="question">
                            deepak / deepak                                </span> </span> </span> <span class="col-xs-12 col-sm-6 col-md-6 text-center"> <span class="answers_box">
                            <input type="hidden" name="matching_93_47_2" value="47">
                            <input type="text" name="matching_ans_93_47" placeholder="">
                            <span class="test"><a target="_blank" href="http://localhost/burmese/uploads/banner/banner1.png"><img style="width:62px;" src="http://localhost/burmese/uploads/files/banner1.png"></a></span> </span> </span> </li>                                                            <li class="row"> <span class="col-xs-12 col-sm-6 col-md-6"> <span class="box_question"> <span class="question">3.</span> <span class="question">
                            New row added / ddddddd                                </span> </span> </span> <span class="col-xs-12 col-sm-6 col-md-6 text-center"> <span class="answers_box">
                            <input type="hidden" name="matching_93_55_3" value="55">
                            <input type="text" name="matching_ans_93_55" placeholder="">
                            <span class="test"><a target="_blank" href="http://localhost/burmese/uploads/banner/images.jpg"><img style="width:62px;" src="http://localhost/burmese/uploads/files/images.jpg"></a></span> </span> </span> </li>                                                          </ul>
                      </div>

谢谢。

Answer 1

There is no any logical issue. just an problem with ' close position

在你的最后一行

                echo '<a href="'.base_url().'uploads/banner/'.$option->Answer.'" target="_blank">
                        <img src="'.base_url().'uploads/files/'.$option->Answer.'" style="width:62px;">
                        </a></span> </span> </span> </li>'; ?>
                            ^^                         ^^

这一行应该这样移出

echo '<a href="'.base_url().'uploads/banner/'.$option->Answer.'" target="_blank">
    <img src="'.base_url().'uploads/files/'.$option->Answer.'" style="width:62px;">
    </a>'; ?>
</span></span></span></li>

所以最终的格式良好的代码是

if(!empty($question)){ // empty start
    $options = $this->general_db_model->getAll('re_matching_options','ID',array('MatchingID'=>$question->ID));
?>
<div class="quiz_section">
    <h4 class="no-margin-top"><?php echo $question->Question?></h4>
    <ul class="quiz_list list-unstyled">
    <?php if(!empty($options))
    { 
        foreach($options as $option)
        {
            $countoption++;
            ?>
            <li class="row"> 
                <span class="col-xs-12 col-sm-6 col-md-6"> 
                    <span class="box_question"> 
                        <span class="question">
                            <?php echo $countoption?>.
                        </span> 
                        <span class="question">
                            <?php echo $option->FirstCol?> / <?php echo $option->FirstCol2?>
                        </span> 
                    </span> 
                </span> 
                <span class="col-xs-12 col-sm-6 col-md-6 text-center"> 
                    <span class="answers_box">
                        <input type="hidden" value="<?php echo $option->ID?>" name="matching_<?php echo $question->ID?>_<?php echo $option->ID?>_<?php echo $countoption?>"/>
                        <input type="text" placeholder="" name="matching_ans_<?php echo $question->ID?>_<?php echo $option->ID?>"/>
                        <span class="test">
                        <?php 
                            echo '<a href="'.base_url().'uploads/banner/'.$option->Answer.'" target="_blank">
                                    <img src="'.base_url().'uploads/files/'.$option->Answer.'" style="width:62px;">
                                    </a>'; ?>
                        </span> 
                    </span> 
                </span>
            </li>
          <?php 
        } 
    }?>
    </ul>
</div>                                                            
<?php
}

Foreach for records listing but half row content in different order

Foreach for records listing but half row content in different order

php

codeigniter

syntax

matching