图像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

替换为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\"    />";        

Answer 2

请参阅此link

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