javascript - Clear content in textbox onclick of image

Question

Can anyone help here for clearing the contents in textbox. I have tried to clear the contents in text box on click of an image using javascript

<input name="newKey" id="newKey" type="text" value="helo" size="38" maxlength="45"/>
<span class="btnClr" id="clear" onclick=clearThis("newKey"></span>


function clearThis(target){
    target.value= "";
}

Answer 1

您正在清除一个名为 'target' 的字符串 :)

您要清除的是 DOM 元素本身：

function clearThis(target) {
    target = document.getElementById(target);
    target.value = "";
}

此外，您的onclick属性需要引用才不会模棱两可：

onclick='clearThis("search")'

这是一个工作小提琴

---

另一方面，考虑使用不那么突兀的 JavaScript。更容易维护和开发。在属性字符串中调试代码可能是一场真正的噩梦，并且可能会产生可移植性问题。

就像是：

var clear = document.getElementById("clear");
var search = document.getElementById("search");

function clearThis(element) {
    element.value = "";
}

clear.onclick = function(){
    clearThis(search);    
}

并且您的 HTML 中没有 JavaScript

这是一个小提琴

Answer 2

使用通过 ID 获取元素..... http://jsfiddle.net/Q7fRB/230/

function clearThis(target){


        document.getElementById(target).value= "";
    }

Answer 3

你可以简单地做到这一点

function clearThis(target){
    document.getElementById(target).value = "";

    }

Answer 4

工作小提琴

$("#clear").click(function(){
    $("#newKey").val('');
});