當圖像onclick時顯示文本框

Question

我想在用戶單擊圖像時顯示文本框。

這裏是我的代碼：

print "<img src=\"../resources/pictures/pages/edit-button.png\" height=\"18px\" onClick=\"document.getElementById('#$txtboxName').style.display=\"block\">"; 

print "<input type=\"text\" name=\"$txtboxName\" size=\"20\" title=\"State Permission Here\" style=\"display:none\" />";   

我的代碼不會工作，任何幫助嗎？

Answer 1

看到這個link

$('img').on('click',function(){ 
    $('#inputField').show(); 
});​ 

Answer 2

與getElementByName

更換

print "<img src=\"../resources/pictures/pages/edit-button.png\" height=\"18px\" onClick=\"document.getElementByName('#$txtboxName').style.display=\"block\">"; 

print "<input type=\"text\" name=\"$txtboxName\" size=\"20\" title=\"State Permission Here\" style=\"display:none\" />";