0

この jquery 関数を使用して、フォームの入力にヒントを表示します。ここで、テキストエリアにもヒントを表示するようにこの関数を変更する必要があります。誰でも私がこれを行うのを手伝ってもらえますか?

function textboxHint(id, options) {
    var o = { selector: 'input:text[title]', blurClass:'blur' };
    $e = $('#'+id);
    $.extend(true, o, options || {});

    if ($e.is(':text')) {
      if (!$e.attr('title')) $e = null;
    } else {
      $e = $e.find(o.selector);
    }
    if ($e) {
      $e.each(function() {
      var $t = $(this);
      if ($.trim($t.val()).length == 0) { $t.val($t.attr('title')); }
      if ($t.val() == $t.attr('title')) {
    $t.addClass(o.blurClass);
      } else {
        $t.removeClass(o.blurClass);
      }

     $t.focus(function() {
    if ($.trim($t.val()) == $t.attr('title')) {
      $t.val('');
      $t.removeClass(o.blurClass);
    }
    }).blur(function() {
      var val = $.trim($t.val());
      if (val.length == 0 || val == $t.attr('title')) {
        $t.val($t.attr('title'));
        $t.addClass(o.blurClass);
      }
    });

         // empty the text box on form submit               
    $(this.form).submit(function(){
      if ($.trim($t.val()) == $t.attr('title')) $t.val('');
    });
   });
 }
}

私はこのようにスクリプトでこれを簡単に使用します..

textboxHint("block1");

注: TITLE 属性を使用してヒントを追加します..

4

1 に答える 1

1

textarea次のように選択に追加するだけでよいと思います。

var o = { selector: 'input:text[title], textarea[title]', blurClass:'blur' };
于 2013-01-05T10:12:18.287 に答える