我怎樣才能改變這與jquery？

Question

我想更改搜索框中的文本值，例如說「Awesome Search」。我知道可以用Jquery完成，但我無法實現它的工作。你能幫忙嗎？

請注意，這是由WordPress提供的默認設置，對於我來說，要編輯文件以將內容與行爲分開是很困難的，所以我需要Jquery覆蓋默認設置。迄今爲止提供的兩個答案似乎並沒有這樣做。

<input type="text" 
     onblur="if (this.value == '') {this.value = 'To search, type and hit enter';}" 
     onfocus="if (this.value == 'To search, type and hit enter') {this.value = '';}" 
     id="s" 
     name="s" 
     value="To search, type and hit enter" 
     class="text_input"> 

Answer 1

因此，看來你只是要替換的文本框的默認值在頁面加載時，無需修改HTML，因此使用jQuery ...

$(function() { 
    $('#s').val('Awesome Search'); 
}); 

Answer 2

輸入：

<input type="text" id="s" name="s" value="To search, type and hit enter" class="text_input"> 

而jQuery的：

$('#s').focus(function() { 
    if ($(this).text() == 'To search, type and hit enter'){ 
     $(this).text(''); 
    } 
} 

$('#s').blur(function() { 
    if (strlen($.trim($(this).text())) == 0){ 
     $(this).text('To search, type and hit enter'); 
    } 
} 

Answer 3

首先，因爲你是使用jQuery：讓你的代碼，你的標記。在身體

<input type="text" 
     id="s" 
     name="s" 
     value="To search, type and hit enter" 
     class="text_input" /> 

然後，你需要綁定到你的表單提交

<script type="text/javascript"> 
    $(function() { 
     var s = $('#s'); 
     s.blur(function() { 
      if (s.val() === '') { 
       s.val('To search, type and hit enter'); 
      } 
     }).focus(function() { 
      if (s.val() === 'To search, type and hit enter') { 
       s.val(''); 
      } 
     }); 

    }); 
</script> 

然後：把這個文檔的頭部。你正在做一個Ajax電話嗎？它看起來沿着線：

$('#theFormId').submit(function(e) { 
    e.preventDefault(); 
    // do your ajax stuff. 
    // in the callback: 
    $('#s').val('Awesome Search.'); 
});