当用户使用前一个div浏览图像时，如何动态浏览图像

Question

我正在使用jquery mobile。

我的页面中有代码，使用for循环浏览20个图像。取决于“id”增加。这是我的代码

HTML

          <?php 
     for($i=0;$i<20;$i++)
     {
        $count=$i;
  ?>
    <div class="disp">            
      <div>
         <input class="noayudas" type="radio" name="im_OpcFile" id="im_OpcFile" value="<?php echo $count?>" <?php if($count==0){echo ' checked ';}?> />
      </div>

      <div >
         <input name="im_File_<?php echo $count?>" type="file"class="input noayudas" id="im_File_<?php echo $count?>" size="35">
      </div>

      <div>
         <input name="DescFile_<?php echo $count?>" id="DescFile_<?php echo $count?>" type="text" class="noayudas" maxlength="255"/>
      </div>
    </div>

       <?php } ?>  

但是我想逐步显示它，即最初它应该只显示一次“disp”div，当用户浏览图像然后它应该显示或再次添加“disp”divon。如何做到这一点请帮助我。

Answer 1

最初只有一个“disp”div。

然后，由于只要用户选择图像，input元素的值就会改变，每次最新输入元素的值发生变化时，都可以添加一个新的“disp”div。

您可以使用jQuery的:last-child选择器来选择类中的最后一个输入元素，并使用.change()在输入元素的值发生更改时触发函数。

然后，要添加新的“disp”div，您可以使用.append()函数。