プルダウンでaction等を変更するには
- プルダウンでaction等を変更する方法について教えてください。
- 検索フォームのプルダウンで選択させるにはどうすれば良いですか?
- フォームのプルダウンに「A内を」「B内を」と入れたいです。
- ベストアンサー
プルダウンでaction等を変更するには
下記のような検索フォームがあるのですが、これをプルダウンで 選択させるにはどうしたらいいのでしょうか? 1行目のURLと、3行目の11111が変わる部分です。 さらにプルダウンには「A内を」「B内を」と入れたいのです。 よろしくお願いいたします。 <form action="http://hogehoge.hoge.net/pages/user/search/"> <input value="" name="keyword" type="text" size="20" /> <input value="11111" name="blog_id" type="hidden" /> <input value="検索" type="submit" class="input-submit" /> </form>
- LUSH3
- お礼率11% (2/17)
- JavaScript
- 回答数2
- ありがとう数1
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
onSubmitに指定してる値が間違っているのだと思います。 その部分の開設を省いてました。すみません。 onSubmit="changeSearch('hoge1','blog_id','keyword')" としていますが、1番目の値はFORMタグのname値、2番目の値はプルダウンメニュー(SELECTタグ)に付けたname値、3番目は<INPUT type="hidden">としているタグに付けたname値です。 実際にやってみたソースであれば、blog_idをhoge2にし、keywordをblog_idとしてみて下さい。 onSubmit="changeSearch('hoge1','hoge2','blog_id')" こんな感じですね。 実際にはhoge1もhoge2も任意の名前を付ける事ができます。 また、日本語部分(//から始まる行)は解説なので必要ありません。それと、もしコピー&ペーストしたのであれば 、インデント部分が全角スペースなので削除するなり半角スペースにするなりして下さい。 そのままではエラーとなる可能性があります。
その他の回答 (1)
- trisagion
- ベストアンサー率68% (15/22)
検索するサーチエンジンを選択し、それに合わせた値をhiddenに設定したいと言うことでしょうか? 「A内を」「B内を」の意味がよく解りませんが、以下の感じではどうでしょう? <HTML> <HEAD> <TITLE>Test</TITLE> <HEAD> <SCRIPT language="javascript" type="text/javascript"> <!-- function changeSearch(form,select,hidden){ //プルダウンで選択した項目の番号(0から始まる)を取得 var number = document.forms[form].elements[select].selectedIndex; //選択したものに適した値をhiddenに設定 var data = ""; switch(number){ case 0: data = "111"; break; case 1: data = "222"; break; } document.forms[form].elements[hidden].value = data; //プルダウンで選択した項目の値(optionのvalue値)をFORMのactionにセット document.forms[form].action = document.forms[form].elements[select].value; //送信 document.forms[form].submit; } //-> </SCRIPT> </HEAD> <BODY> <FORM action="" method="POST" name="hoge1" onSubmit="changeSearch('hoge1','hoge2','hoge3')"> <SELECT name="hoge2"> <OPTION value="http://www.yahoo.co.jp/">A内をyahooでサーチ</OPTION> <OPTION value="http://www.goo.ne.jp/">B内をgooでサーチ</OPTION> </SELECT><BR> <INPUT type="hidden" name="hoge3" value=""><INPUT type="text" name="hoge4" value=""><BR> <INPUT type="submit" name="submit" value="Search"> </FORM> </BODY> </HTML>
関連するQ&A
- ブログ内検索を複数ブログ対応にしたい。
1アカウントで複数ブログを構築できるseesaaブログを利用しているのですが、 そこについている検索フォームを複数ブログ対応にしたいのです。検索フォーム の横にプルダウンが付いている感じです。 プルダウンのリストごとにフォームの飛び先とblog_idを入れ替えるように するにはどうしたらいいのでしょうか。よろしくお願いいたします。 ちなみにJavaScriptは外だしで設置しています。 <form action="http://hoge.seesaa.net/pages/user/search/"> <div class="sidetitle">記事検索</div> <div class="side">検索語句<br /> <input value="" name="keyword" type="text" size="20" /> <input value="11111" name="blog_id" type="hidden" /> <input value="検索" type="submit" class="input-submit" /> </div> </form>
- 締切済み
- JavaScript
- 1つのformで複数のactionを実行できますか?
フォーム内に商品の購入ボタンがあります。同じフォーム内に商品名でグーグルのサイト内を検索させるボタンを設置し、横に並べることは可能ですか? フォームの入れ子はよくないようなので、検索をJava scriptでできればよいのですが・・・ スタイルシートではデザイン上無理でした。 <form id="fm" name="fm" action="URL" method="POST"> <input type="hidden" name="shouhinmei" value="商品名"> <input type="hidden" name="kakaku" value="500"> <input type="image" src="kounyuu.gif value="購入"> <form method=get action="http://www.google.co.jp/search"> <input type=hidden class="q" name=q value="商品名"><input type=hidden name=ie value=UTF-8><input type=hidden name=oe value=UTF-8><input type=hidden name=hl value="ja"><input name=btnG type="image" src="検索.gif value="検索"><input type=hidden name=sitesearch value="サイトのURL"></form> </form> </form> +----+ +----+ |購入| |検索| +----+ +----+
- ベストアンサー
- JavaScript
- ボタン別でフォームの送信先を変えたい
同じ場所に3つある今のフォームを1つにまとめたいのですが、 「ラジオボタン」でやるのではなく「submitボタン」によって送信先の振り分けはできないのでしょうか? CGIなどを使って一旦クッションを置くのは問題ないです。何か参考になるサイトさんとかありましたら教えてください。 <form action="1.php" method="get" class="form" target="a" name="1"> <input type="hidden" name="s" value=90 /> <input type="hidden" name="t" value="e" /> <input type="text" name="moji" value="" size="8" /> <input type="submit" name="button" value="検索" /> </form> <form action="http://e.php" method="get" name="2" target="a"> <input type="hidden" name="test" value=et /> <input type="text" name="77" value="" size="8" /> <input type="submit" value="検索2" class="button" /> </form> <form action="http://8.cgi" method="get" target="a"> <input type="text" size="8" name="q" value="" /> <input type="submit" value="検索3" class="button" /> <input type="hidden" name="sut" value="JJ" /> </form>
- ベストアンサー
- CGI
- ヤフオク検索のBOXを作りたい
ヤフオク検索のBOXを作りたいのですがこれではうまくいきません。なぜでしょうか? 分かる方宜しくお願いいたします。 <FORM action="http://search.auctions.yahoo.co.jp/jp/search/auc"> <INPUT type="hidden" value="0jp" name="alocale"> <INPUT type="hidden" value="jp" name="acc"> <INPUT type="hidden" name="auccat" value="0"> <INPUT size="30" name="p"> <INPUT type="submit" value="検索">
- ベストアンサー
- HTML
- Formの「action」属性を取得したいけれども「action」という名のオブジェクトが存在している
非常に困っています!よろしくお願いいたします。 以下のように「action」という名前のオブジェクトがあります。 <form name="form1" method="post" action="hoge.htm"> <input type="hidden" name="action" value="test"> <input type="submit" name="submit" value="OK"> </form> javascriptでaction属性「hoge.htm」を取得したいのです。そのため以下のようにコーディングしました。 alert(document.form1.action); 結果は「object」と表示されます。どうやらactionオブジェクトを対象としてしまうらしいのです。 action属性を取得する方法をお教えいただけないでしょうか。よろしくお願いいたします。
- ベストアンサー
- JavaScript
- プルダウン&キーワードで
こんにちは。こんな検索窓を作りたいと思っています。 __________________________ _______________ |__________________________|▼ |_______________| 検索 ↑ ↑ プルダウンで選択 キーワードを入力 プルダウンでカテゴリを選択し、その中から[A]を探したいというものです。 例えば、このような記述 <FORM ACTION="jump.cgi"> <SELECT NAME="jumpto"> <OPTION VALUE="-" SELECTED>カテゴリを選択</OPTION> <OPTION VALUE="page1.html">Page1</OPTION> <OPTION VALUE="page2.html">Page2</OPTION> <OPTION VALUE="page3.html">Page3</OPTION> </SELECT> <INPUT TYPE="submit" VALUE="検索"> </FORM> ________________ |________________|▼ 検索 のように、カテゴリのみになってしまいますよね。 プルダウン+キーワードで検索するには どのような記述をしたら良いでしょうか? 宜しくお願い致します!
- ベストアンサー
- CGI
- プルダウンから、遷移先のurlに、&genrename=○○と追加付与
プルダウンから、遷移先のurlに、&genrename=○○と追加付与したいのですが、うまくいきません。 ▽現状 <form action="search.php" method="get"> キーワード:<input type="text" name="keyword" size="40"> <select id="genreid" name="genreid"> <option value="0">すべての商品</option> <?php foreach ($hits as $hit) { ?> <option value="<?php echo ($hit->genreId); ?>"> <?php echo ($hit->genreName); ?> </option> <?php } ?> <input type="submit" value="検索"> </select> </form> ▽新たに追加して飛ばしたい内容 <?php echo ($hit->genreName); ?>の部分 ▽試したこと <input type="hidden" name="genrename" value="<?php ($hit->genreName); ?>"> とやると、&genrename=○○と追加付与されたのですが、文字がエンコードされたような状態になりました。 そこで、お伺いしたいのですが、 ・プルダウンから、遷移先のurlに、&genrename=○○と追加付与する場合は、input type="hidden"でよいのでしょうか?(option valueの値送信は必要なので、それに追加して、という意味です) ・input type="hidden"で送信すると、勝手に何かに変換されるのでしょうか? ・最終的に、$genrename=$_GET["genrename"];という形で取り込みたいのですが、きちんと日本語表示させるにはどうしたらよいのでしょうか?
- ベストアンサー
- PHP
- サイト内検索について
<form action="http://www.google.com/search"> <input type="hidden" value="hogehoge.jp" name="as_sitesearch" /> <input type="hidden" name="ie" value="Shift_JIS" /> <input type="hidden" name="oe" value="Shift_JIS" /> <input type="text" name="q" size="31" maxlength="256" value="" /> <input type="submit" name="btnG" value="Search!" /> </form> にて、グーグルの検索を使用してサイト内検索を使おうと思っておりますが、グーグルのアイコンは付けなくても宜しいでしょうか? もし、詳しい方お返事お待ちしております。 以上宜しくお願い致します。
- ベストアンサー
- HTML
- プルダウンを選択していないときは、初期値(selected)の値を、選
プルダウンを選択していないときは、初期値(selected)の値を、選択したときは選択値を、hiddenで渡したい。 ▽プルダウン例 <form> <select> <option value="0" selected>A</option> <option value="4">B</option> <option value="6">C</option> </select> </form> ↑上で選択した値(A or B or C)値を、↓下のvalue=「"hoge"」に渡したいです。 ※選択肢は3つだけではなくて、たくさんあります。 ▽input例 <input name="category_name" value="hoge" type="hidden"> ※formとかselectにid振っても構いません。 ※javascriptでやりたいです。
- ベストアンサー
- JavaScript
- 検索場所を増やすには
cgiに下記のタグを埋め込んで板の検索をできるようにしたのですが、板のディレクトリがたくさんある場合はどのようにすればいいのでしょうか value="support"のsupportを他の板のディレクトリ名にすると、その板の検索がされるのですが <form action="search.cgi" name="SEARCH" method="POST"><BR>[掲示板内全文検索] キーワードは<b>スペース</b>で区切ってください。<BR>検索語句:<input type="text" name="keyword" size="20"><input type="submit" value="検索"><BR><input type="hidden" name="bbs" value="support"><BR></form>
- 締切済み
- CGI
補足
お返事ありがとうございます。早速試してみたのですがうまく行きませんでした。 下記のソースをいただいたものに代入してみたのですが、どうにもちんぷんかんぷんで…申し訳ありませんが、添削していただけないでしょうか。お手数かけます。 ブログの中にある検索フォームを複数ブログで共有したいというのが元々の考えなのですが、下記の形式で書かないとうまくいかないのでしょうか。 あ、あと「A内を」というのは「Aブログ内を」(検索)という意味です。不明瞭で申し訳ありませんでした。 ---------------------------------------------------- 元ソース <form action="http://test.seesaa.net/pages/user/search/"> <div class="sidetitle">記事検索</div> <div class="side"> 検索語句<br /> <input value="" name="keyword" type="text" size="20" /> <input value="11111" name="blog_id" type="hidden" /> <input value="検索" type="submit" class="input-submit" /> </div> </form> ---------------------------------------------------- いだたいたソースに代入したもの <!-- function changeSearch(form,select,hidden){ //プルダウンで選択した項目の番号(0から始まる)を取得 var number = document.forms[form].elements[select].selectedIndex; //選択したものに適した値をhiddenに設定 var data = ""; switch(number){ case 0: data = "11111"; break; case 1: data = "22222"; break; } document.forms[form].elements[hidden].value = data; //プルダウンで選択した項目の値(optionのvalue値)をFORMのactionにセット document.forms[form].action = document.forms[form].elements[select].value; //送信 document.forms[form].submit; } //-> </SCRIPT> </HEAD> <BODY> <FORM action="" method="POST" name="hoge1" onSubmit="changeSearch('hoge1','blog_id','keyword')"> <SELECT name="hoge2"> <OPTION value="http://test.seesaa.net/pages/user/search/">テスト</OPTION> <OPTION value="http://test2.seesaa.net/pages/user/search/">テスト2</OPTION> </SELECT><BR> <INPUT type="hidden" name="blog_id" value=""> <INPUT type="text" name="keyword" value=""><BR> <INPUT type="submit" name="submit" value="検索"> </FORM>