location時に複数のclassを適用させたい

質問

次のようなフォームの部品があります。
<form name="formname" class="searchform">
　　　　<input type="text" name="query" class="searchbox">//
　　　　<input type="button" value="検索" class="button" onclick="search()" />
</form>

http://www.com/index.phpにテキスト入力フィールドとボタンがあります。
テキストエリアに[任意の文字列]を入れてボタンを押すと、

<li class=list><a class=link href="http://www.com/search.php?que=[任意の文字列]">リンク</a></li>

というリンクをクリックしたときと同じ動作を引き起こすようにしたいです。
form action="～"をつけてGETメソッドで送信するのではなく、あくまでもテキストボックスの値を受け取って、
それをクエリとしたhrefをlocateしたいのです。

<script type="text/javascript">
function searches(){
var str1=document.formname.query.value;
href = "http://www.com/search.php?que="+str1;
location.href = href;
}
</script>

と自分でも書きましたが、これでは
<a href="http://www.com/search.php?que=[任意の文字列]">リンク</a>
をクリックしたときと同等になってしまいます。

liのclassとaのclassが適用されません。
この2つのclassは、別のjavascriptと連動しているため、どうしても
<li class=list><a class=link href="http://www.com/search.php?que=[任意の文字列]">リンク</a></li>
をクリックしたときと同様の動作を引き起こしたいのです。

上のフォームのbuttonをクリックすることで、このような動作を起こす方法を教えてください。
よろしくお願いします。

回答No.2

神崎 渉瑠（@taloo） · ベストアンサー

>liのclassとaのclassが適用されません。
という意味がわかりませんが、、、

>をクリックしたときと同様の動作を引き起こしたいのです。

<form action="search.php">
<input type="text" name="que">
<input type="submit" value="送信">
</form>

としておけば、「search.php?que=任意の文字列」にジャンプします。

お礼

質問文が不明瞭だったようなので、一度終了させてもらいます。
ありがとうございました。

回答No.1

SAYKA

クッキー使ったら良いんじゃない？