我使用这个 jquery 函数在表单的输入中显示提示。现在我需要修改这个函数来在 textarea 中显示一个提示。任何人都可以帮我做到这一点。?
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 属性来添加提示..