1

我的侧边栏中有一个表单，它是 Wordpress 插件的一部分，我不确定生成表单的 PHP 代码在哪里，所以我想使用 jQuery 向文本输入添加一个类和一个值。到目前为止，我有：

$j('body').ready(function() {
    $j('form#searchform').find(':input#s').addClass('default-value');
    $j('form#searchform').find(':input#s').val('enter search here...');
});

该类已成功添加到 html 中，但尽管值显示在文本输入中，但它没有添加到 html 中，即在标记内，这需要发生我的默认值脚本才能工作。所以，我想知道是否有一种方法可以内联添加值？

默认值脚本

  $j('.default-value').each(function() {
      var default_value = $j(this).val();
      $j(this).css('color', '#837D73'); // this could be in the style sheet instead
      $j(this).focus(function() {
          if(this.value == default_value) {
              this.value = '';
              $j(this).css('color', 'black');
          }
      });
      $j(this).blur(function() {
          if(this.value == '') {
              $j(this).css('color', '#837D73');
              this.value = default_value;
          }
      });
  });
4

1 回答 1

1

您的代码应该可以工作。只需确保添加类名 http://jsfiddle.net/fedmich/NbRBe/

并注意

var default_value = this.value; //<-do it like this instead

提示：您应该尝试使用 jquery 链接

你可以像这样简化你的代码。

$j('body').ready(function() {
    $j('input#s')
        .addClass('default-value')
        .val('enter search here...');
});
于 2012-07-10T00:13:48.407 回答