JQuery: пустое поле ввода onclick

Question

Я понятия не имею, почему это не работает, но я уверен, что это очень распространенный бит javascript. Мой синтаксис явно отсутствует, и я не знаю почему:

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

Спасибо!

Answer 1

Ваш вопрос с этой строки кода:

$(this).val() = '' 

Правильный способ установить значение в JQuery является:

$(this).val("Your value here"); 

Кроме того, встроенный JS никогда не является хорошей идеей. Используйте вместо этого:

$("#search").on("click", function() { 
    if ($(this).val() == "search") 
     $(this).val("") 
});​ 

Вот a working fiddle.

Ссылки: jQuery .val()

Answer 2

Вам не нужно $ (this) .val (""); или $ (this) .val (''); опустошить его

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

Answer 3

Поместите это в отдельный файл JS ...

это вернет его к исходному значению, если ничего не будет введен после того, как он теряет фокус.

$(document).ready(function() { 
    $("#search").focus(function() { 
     if ($(this).val()=="search") { 
      $(this).val(''); 
     } 
    }); 

    $("#search").blur(function() { 
     if ($(this).val()=="") { 
      $(this).val('search'); 
     } 
    }); 
}); 

Answer 4

function search(textBox) 
{ 
    if($(textBox).val() == 'search') { 
     $(textBox).val() = ''; 
    } 
    return false; 
} 

<input type="text" value="search" id="search" name="q" onclick="return search();" /> 

Попробуйте это и отладки.

Answer 5

$(this).val() = ''; 

должен быть

$(this).val(''); 

См .val() документацию.

Answer 6

Это должно быть так:

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

correct way : $this.val(''); 
incorrect way : $this.val() = ''; 

Answer 7

Это стало проще с HTML5 Закончен Место:

<input type="text" name="search" placeholder="Enter your search query here"> 

Это не поддерживается в старых браузерах, но если вы только против современных, вы должны быть в порядке: http://caniuse.com/#feat=input-placeholder