我有一个 jQuery 自动完成小部件,它在输入中有一些默认的阴影文本,例如“输入一些东西” http://jsfiddle.net/CwmX9/。用户在输入字段中输入内容并从下拉列表中选择内容后,我希望将输入返回到阴影默认文本。我几乎让它去,但它没有阴影。此外,理想情况下,我不必重复文字默认文本(即“输入内容”)两次。应该如何修改我的脚本来做到这一点?
PS。还请解释为什么有时输入值并不总是与我在输入中实际看到的字符相同。我认为这可能与我最初的问题有关。
<div class="ui-widget">
<label for="tags">Tags:</label>
<input id="tags" value="Enter Something" class="default-value" />
</div>
$('.default-value').each(function () {
var $t = $(this),
default_value = this.value;
$t.css('color', '#929292');
$t.focus(function () {
if (this.value == default_value) {
this.value = '';
$t.css('color', 'black');
}
});
$t.blur(function () {
if ($.trim(this.value) == '') {
$t.css('color', '#929292');
this.value = default_value;
}
});
});
var availableTags = [
"ActionScript",
"AppleScript",
"Asp",
"BASIC",
"C",
"C++",
"Clojure",
"COBOL",
"ColdFusion",
"Erlang",
"Fortran",
"Groovy",
"Haskell",
"Java",
"JavaScript",
"Lisp",
"Perl",
"PHP",
"Python",
"Ruby",
"Scala",
"Scheme"];
$("#tags").autocomplete({
source: availableTags,
select: function (event, ui) {
console.log(this);
//console.log(this,$(this).val());
$(this).val('Enter Something').blur();
//console.log(this,$(this).val());
return false;
}
});