サイドバーに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;
}
});
});