JQuery:空输入框onclick

Chu*_*utt 9 javascript jquery onclick javascript-events

我不知道为什么这不起作用,但我确定这是一个非常常见的javascript.我的语法显然缺乏,我不知道为什么:

<input type="text" value="search" id="search" name="q" onclick="javascript:if($(this).val() == 'search') {$(this).val() = '';} return false;" />
Run Code Online (Sandbox Code Playgroud)

谢谢!

Jam*_*ill 16

您的问题是这行代码:

$(this).val() = ''
Run Code Online (Sandbox Code Playgroud)

在jQuery中设置值的正确方法是:

$(this).val("Your value here");
Run Code Online (Sandbox Code Playgroud)

此外,内联JS从来都不是一个好主意.请改用:

$("#search").on("click", function() {
    if ($(this).val() == "search")
        $(this).val("")
});?
Run Code Online (Sandbox Code Playgroud)

这是一个工作小提琴.

参考文献:jQuery.val()

  • 完美.谢谢! (2认同)