例えばモデルハウスのページがあったときに、そのページからお問い合わせフォームに飛んだ時に、そのモデルハウスページの名前を、自動的にお問い合わせフォーム内のinputに表示させたいとき、jQueryでinputのvalueに入れることがあると思います。
ただ、Chromeブラウザの場合、autocompleteだかautofillだか自動補完だかで、ブラウザが勝手に情報を入れてしまい、反映されない事があります。ありました。
※初回アクセス時は問題ありません。
ただ、二回目以降に、inputのvalueをテキストボックス上で適当に書き換えたり消したりした後、リロードをしたり、再度モデルハウスページからお問い合わせフォームに飛ぶと、jQueryで設定してるはずの値で上書きされてくれませんでした。
autocompleteをoffにしたりfalseにしたり、サイト側でキャッシュを削除したりしてもダメでした。
とにかく何とかしたいということで以下(settimeout)を試したところうまくいきました。どういうこと?
setTimeout(function(){
$('inputなどの要素指定').val("書き換えたい内容");
},500);