holoholobird回答ポイント 100ptウォッチ

jqueryで動的にa要素を生成したい


次のような、フォーム中にテキストボックスと「送信」というリンクがあります。
<form>
<input type="text" id="input-up" />
<a class="qselect" class="button" href="./search.php?que=[任意の文字列]">送信</a>
</form>
このテキストボックスに入れた文字列に応じて、a要素のhrefをリアルに書き換えようと思います。
文字列を[任意の文字列]とすると、a hrefの値は上のような形になります。
つまりテキストに任意の文字列を入力した状態で、送信をクリックするとsearch.phpにクエリが送られます。

今回は、form actionを使ってパラメータを送るのではなく、あくまでもa要素のhrefを入力に応じて動的に書き換えることが目的です。
http://www9.plala.or.jp/oyoyon/html/script/append.html
http://web-park.org/javascript/form091016.html
このあたりのページを参考にしたところ、jqueryのkeyupを利用すれば動的な文字列の取得はできるようですが、取得した文字列に応じてhrefを書き換える方法というものがわかりません。

jqueryはheadで読み込んでいます。
このような書き換え動作を行うjavascriptを教えてください。

※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。
ログインして回答する

ベストアンサー

その他の回答

この質問へのコメント

コメントはありません

この質問への反応(ブックマークコメント)

質問の情報

登録日時
2012-02-26 08:53:30
終了日時
2012-03-02 15:07:58
回答条件
1人5回まで

この質問のカテゴリ

この質問に含まれるキーワード

JavaScript2781PHP7798jQuery742クエリ503パラメータ533

人気の質問

メニュー

PC版