显示从链接到输入值的变量

Question

我有td表格内的图片链接：

....   
echo "</tr><tr>";
for ($i=0; $i<count($prov_name);$i++) {

echo "<td><a onclick='showDiv()' ><img src='images/approved.png'/></a></td>";
}
     }
        echo "</tbody>";                  
        echo "\t</table>\n";
        echo "</div>";
?>

然后我点击上面的链接时会显示隐藏div。

<div id="approve" style="height: 300px;">
<input type="text" name="ProvSelected" value="" readonly>
....

我想要的是当我点击链接图片时，将变量$prov_name[$i]传递给出现的div内的输入值。

我该怎么做？我希望你能帮助我。感谢。

首先点击

然后..具有可变的内部输入值..

Answer 1

将省名称作为参数传递给showDiv()。

foreach ($prov_name as $prov) {
    echo "<td><a onclick='showDiv(\"$prov\")' ><img src='images/approved.png'/></a></td>";
}

然后showDiv应定义为：

function showDiv(prov) {
    $("#approve").show().find("input[name=ProvSelected]").val(prov);
}

Answer 2

我会像这样重写代码：

删除<a>标记...您不需要它

使用onclick重写<img>：

echo "<td><img src='images/approved.png' onclick='showDiv(\"".$prov_name[$i]."\")'/></td>";

为输入添加ID

<input id="myInput" name="ProvSelected" value="" readonly>

更新功能showDiv()

function showDiv(val) {
  //your code plus
  document.getElementById("myInput").value = val;
}