Question

嗨，我有一个页面，其中包含一些从.csv文件中读取的值并显示。值随时间变化（动态），所以我在PHP中使用for循环，文件大小作为循环限制并显示值，每个值都是单击时显示模态窗口的链接。
<登记/> 这是我的代码

<?php


if (($csv = fopen("csv.csv", "r")) !== FALSE) 
{
        while (($data = fgetcsv($csv, 1000, ",")) !== FALSE) 
        {

            $f = $data; 

        }
        fclose($csv);
}


$array=array();
for($i=0;$i<sizeof($f);$i++)
{
    $array[$i]=$f[$i];


    echo '<table ><tr><td style="  height:25px; vertical-align: middle;"><a href="#" onclick="overlay()"><input type="button" value="'.$array[$i].'"></a></td></tr></table>

<div id="overlay">
    <div>

     <table style="height: 37px; ">
          <tbody>
            <tr>
              <td style="text-align: left;">color:</td>
              <td  align="left"><input name="color" value="'.$array[$i].'"></td>
            </tr>


             <tr>
              <td style=" text-align: left;">index:</td>
              <td  align="left"><input name="index" value="'.$i.'"></td>
            </tr>       

             <tr>
              <td style=" text-align: left;">brightness:</td>
              <td  align="left"><input name="brightness"></td>
            </tr>
          </tbody>
        </table>


<br><input value="Submit" type="submit"><a href="#" onclick="overlay()"><button >X</button></a>
</div>
    </div>';}?>

模态窗口应包含单击的相应颜色，索引和亮度字段

我有一个用于覆盖的css，其中字段最初被隐藏，
我的csv文件是

绿色，红色，白色，蓝色，黄色

当点击带有这些值的按钮（链接）时，它将显示一个模态窗口，但它始终显示所有按钮的第一个值（始终为绿色），索引值为0.我在某处做错了吗？我应该使用一些JavaScript来获得此功能吗？
（我不应该在任何地方使用jquery）

Answer 1

你只能在页面上使用一个ID，因为我看到你有很多id =“overlay”，这就是为什么它会打开第一个ID

将你的ID设为叠加+索引，并将此名称作为参数传递给你的onclick =“叠加（叠加+索引）

在模态窗口中的页面上显示单击的值（链接）以及索引值

1 个答案: