JQuery: Hộp nhập liệu trống onclick

Question

Tôi không biết tại sao điều này không hoạt động, nhưng tôi chắc chắn đó là một bit rất phổ biến của javascript. Cú pháp của tôi rõ ràng là thiếu và tôi không biết tại sao:

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

Cảm ơn!

Answer 1

vấn đề của bạn là với dòng mã này:

$(this).val() = '' 

Cách thích hợp để thiết lập một giá trị trong jQuery là:

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

Bên cạnh đó, inline JS không bao giờ là một ý tưởng tốt. Sử dụng thay thế này:

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

Đây là a working fiddle.

Tài liệu tham khảo: jQuery .val()

Answer 2

bạn không cần $ (this) .val (""); hoặc $ (this) .val (''); để trống nó

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

Answer 3

Đặt điều này trong một file js riêng ...

này sẽ trả lại cho giá trị ban đầu nếu không có gì được gõ sau khi nó mất tập trung.

$(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();" /> 

Hãy thử điều này và debug.

Answer 5

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

nên

$(this).val(''); 

Xem .val() tài liệu.

Answer 6

Nó phải là như thế này:

<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

này đã trở nên dễ dàng hơn với một HTML5 Placeholder:

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

Nó không được hỗ trợ trong các trình duyệt cũ hơn, nhưng nếu bạn chỉ nhắm mục tiêu những người hiện đại, bạn nên sử dụng nó: http://caniuse.com/#feat=input-placeholder