我怎样才能改变这与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.'); 
});