дисплей переменного от ссылки на входное значение

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

Я хотел бы переписать код так:

Снимите <a> тег ... Вам не нужно это

Код: <img> с onclick добавлено:

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

Добавить идентификатор для входа

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

Update функция showDiv()

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

Answer 2

Pass имя Прит в качестве аргумента 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); 
}