検索フォームで大変困ってます

質問

今select boxを用意したマルチな検索フォームを作ってます。

現在困ってる内容は検索した後に、文字化けを起こしてしまいます。
色々調べてみたのですが原因がわからず困っております。
どなたか分かるかたがいらっしゃいましたら教えて頂きたく思います。
また間違ってる箇所の指摘と出来れば解答も頂ければ助かります。
よろしくお願いします。

<script type="text/javascript" charset="ja">
function dosearch() {
var sf=document.searchform;
var submitto = sf.sengines.options[sf.sengines.selectedIndex].value + escape(sf.searchterms.value);
window.location.href = submitto;
return false;
}
</script>

<div class="search">
<form name="searchform" onSubmit="return dosearch();">
<input type="text" name="searchterms">
<input type="image" alt="検索" width=30 height=30 src="Search.png" style="vertical-align:-10px;>
</form>
</div>
<div class="select">
<form name="searchform" onSubmit="return dosearch();">
<select name="sengines">
<option value="http://www.google.com/search?q=" selected>Google</option>
<option value="http://search.yahoo.co.jp/search?p=">Yahoo</option>
<option value="http://www.bing.com/search?q=">Bing</option></select>
</form>
</div>

回答No.1

blue-goheimochi · ベストアンサー

escape(sf.searchterms.value);
↓
encodeURI(sf.searchterms.value);

にJavascriptの部分を修正いただければ、
期待の動作をするのかなと思います。

URLに埋め込む用途で文字列をエンコードする場合は、
encodeURIを使うのがセオリーかと思います！

お礼

本当に助かりました！
ありがとうございます！

このことは絶対に忘れません！！