プロが教えるわが家の防犯対策術!

ラジオボタンがどうしても理解できません。簡単便利な機能なのでどうしても習得したいんですけれども...

やりたいことはラジオボタンで第一の選択で検索サイト(http://search.yahoo.co.jp/searchhttp://www.google.co.jp/searchなど)を指定して、第二の選択で検索ワード(天気や地図といったもの)を決定して検索を行いたいのです。作ってみたものが下記です。

------------------------------------
スクリプトを貼り付けたら800文字を超えましたので割愛します。
------------------------------------

どなたか教えていただければ幸いです。チェックがついていないとアラームも出したいです。すいません、よろしくお願いします。

このQ&Aに関連する最新のQ&A

A 回答 (3件)

もう少し推敲してから質問した方がよかったかも


しれませんね。
たぶん以下のようなことをやりたいのだと思いますが
こんな感じでよろしいのでしょうか?
(Resultは使いようがないのですが、なんですか?)

<script language="javascript">
function submitFunc(f){
var rv1="";
var rv2="";
for(var i=0;i<f.r1.length;i++){
rv1+=(f.r1[i].checked==true)?f.r1[i].value:"";
}
for(var i=0;i<f.r2.length;i++){
rv2+=(f.r2[i].checked==true)?f.r2[i].value:"";
}
if (rv1==""){
alert("検索サイトを選択してください")
f.r1[0].focus();
return false;
}
if (rv2==""){
alert("検索ワードを選択してください")
f.r2[0].focus();
return false;
}
var f2=document.forms[rv1];
for(var i=0;i<f2.length;i++){
if(f2[i].name=="p" || f2[i].name=="q") f2[i].value=rv2;
}
f2.submit();
}


</script>
<form mothod="get">
検索サイト<br>
<input type="radio" name="r1" value="yh">yh<br>
<input type="radio" name="r1" value="gg">gg<br>
検索ワード<br>
<input type="radio" name="r2" value="天気">天気<br>
<input type="radio" name="r2" value="地図">地図<br>
<input type="text" name="Result" size="20"><br>
<input type="button" value="送信" onClick="submitFunc(this.form)">
<input type="reset" value="リセット">
</form>
<form name="yh" action="http://search.yahoo.co.jp/search" method="get">
<input type="hidden" name="p">
<input type="hidden" name="ei" value="sjis">
</form>
<form name="gg" action="http://www.google.com/search" method="get">
<input type="hidden" name="q">
</form>
    • good
    • 0
この回答へのお礼

>もう少し推敲してから質問した方がよかったかも
しれませんね。

そうですよね。いやぁ~すばらしい。すばらしい。完璧です。ちなみにですね、Resultのフォームは、ここで質もする前に色々なサンプルを組み合わせていたのでそのどれかサンプルの名残です。本当はスクリプトが理解できないのでもっと質問したかったのですが、そこはもう少し時間をかけて勉強して別のスレッドを立てます。ありがとうございました。

お礼日時:2006/05/01 18:05

まずは、


function disp(){
document.write("<form action="+rv1+" method=get><input name="+rv2+"><input type=submit value=検索></form>");
}
あとは、質問者さまが、どうしたいのか、ソースからは、わかりかねませんので、補足をお願いします。

この回答への補足

大変すいません。JSの前にフォーム自体が間違っていたことに気づきました。前述ではrv2が間違ってなくとも検索ワードは指定できていませんでした。生成されるフォーム自体はこうならければなりませんでした。
---
<form action="http://www.google.com/search"><input type=hidden hidden value="天気" name="q"><input type="submit" value="go検索"></form>
または
<form action="http://search.yahoo.co.jp/search"><input type=hidden value="地図" name="p"><input type=hidden value="shift_jis" name=ei><input type="submit" value="yh検索"></form>
---
そうすると新たな問題が出まして、yahooの場合は検索アドレスと"q"と言う値,googleではアドレスと"p"という値を同時に取得しなければなりません。どうすればよいのでしょうか。//元々のスクリプトには2つの検索フォームがありますが、本来は一つ(あとでhiddenで隠すつもりですが)でいきなり検索をしたいのですがyのボタンを押さないとrv1とrv2の値が取得できません。どうすればチェックを入れるだけで取得できるようになるのでしょうか。

余計なことを言いますと、alartを出すスクリプトでラジオボタンを押した瞬間にalartが出るのとラジオボタンを選択後にsubmitボタンを押してalartがでるスクリプトの違いもわかりません。(私のラジオボタンの理解力を言ってるだけですのでこれについてはコメントいりません)

補足日時:2006/05/01 14:53
    • good
    • 0
この回答へのお礼

本当はKokoroneさんから一つひとつ教えていただけたらと思っていましたがyambejpさんからホールインワンのお答えをいただいたので、この質問を閉じなければなりません。また今度ご指導ください。ありがとうございました。

お礼日時:2006/05/01 18:08

割愛されては困ります。


必要最小限まで、削ったソースを提示してください。
せっかく作ったのですから、それを生かすためにも、ここで
提示していただいて、回答者の皆様に、お聞きしてはいかがですか?
また、どこでエラーになっているのか?どこがわからないのかも、
教えていただきたいですね。

この回答への補足

そうですよね。kokoroneさんありがとうございます。スクリプト結構絞りました。
<script>
var rv1,rv2;

function radio1(r){
rv1=r.value;
}

function radio2(r){
rv2=r.value;
}

function disp(r){
document.write("<form action=",rv1," method=get><input name=",rv2,"><input type=submit value=検索></form>");
}

</script>


<form name="MyForm">
検索サイト<br>
<input type="radio" name="1" value="http://search.yahoo.co.jp/search" onClick="radio1(this)">yh<br>
<input type="radio" name="1" value="http://www.google.com/search" onClick="radio1(this)">gg<br>
検索ワード<br>
<input type="radio" name="2" value="天気" onClick="radio2(this)">天気<br>
<input type="radio" name="2" value="地図" onClick="radio2(this)">地図<br>
<input type="button" value="y" onClick="disp()">
<input type="text" name="Result" size="20"><br>
<input type="reset">
</form>


<SCRIPT>
<!--
disp();
// -->
</SCRIPT>

問題は本当に多くあるのですが、特になぜfunction disp内でrv2の値が得られないのかがわかりません。また2段式になっているのも望んでるわけではありません。yを押した後もとのページにもどると値がリセットされているみたいで2度目にyを押しても値がundifinedになります。問題だらけのスクリプトです。よろしくおねがいします。

補足日時:2006/05/01 10:25
    • good
    • 0

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Q検索時の選択内容を保持する方法

質問失礼致します。

PHPで
・テキスト
・ラジオボタン
・チェックボックス
が複数入り混じった検索システムを作っています。

なんとか形になって検索の形はできたのですが、
必要な項目を検索し結果画面に映った際に
入力したテキスト・ラジオ・チェックボックスの内容が初期化されてしまいます。


検索した結果、テキストの方はインプット時に
<input type="text" name="name" size="50" value="<?= $_POST['name'] ?>" >
とすることで、結果画面にある検索システムの入力内容は保持できたのですが、

・ラジオ および ・チェックボックス の内容の保持を
なんとかまとめて設定することはできないでしょうか?


検索はしましたが、初心者なこともあり検索ワードがいまいち的を得てないのか、
考えている答えになかなかたどり着けておりませんので、
この場を借りて質問の方させていただいた次第でございます。


ご存じの方いらっしゃいましたら、是非ともご教授お願い致します。

Aベストアンサー

HTMLとプログラム部分の切り分けをするためにはなるべく単純な構造がよいでしょう
私の場合こんな処理をしています。
(実際の運用の際にはデータチェックをしたりするのでもう少し複雑になりますが)

<?
//checkbox
if($_REQUEST["test_a"]=="1") $checked["test_a"]=" checked";
if($_REQUEST["test_b"]=="1") $checked["test_b"]=" checked";

//radio
if(isset($_REQUEST["test_c"])) $checked["test_c"][$_REQUEST["test_c"]]=" checked";

//select
if(isset($_REQUEST["test_d"])) $selected["test_d"][$_REQUEST["test_d"]]=" selected";

print <<<eof
<form>
<input type="checkbox" name="test_a" value="1"{$checked["test_a"]}>A
<input type="checkbox" name="test_b" value="1"{$checked["test_b"]}>B
<input type="radio" name="test_c" value="1"{$checked["test_c"][1]}>C-1
<input type="radio" name="test_c" value="2"{$checked["test_c"][2]}>C-2
<input type="radio" name="test_c" value="3"{$checked["test_c"][3]}>C-3
<select name="test_d">
<option value="">---</option>
<option value="1"{$selected["test_d"][1]}>D-1</option>
<option value="2"{$selected["test_d"][2]}>D-2</option>
<option value="3"{$selected["test_d"][3]}>D-3</option>
</select>
<input type="submit" value="go">
</form>
eof;
?>

HTMLとプログラム部分の切り分けをするためにはなるべく単純な構造がよいでしょう
私の場合こんな処理をしています。
(実際の運用の際にはデータチェックをしたりするのでもう少し複雑になりますが)

<?
//checkbox
if($_REQUEST["test_a"]=="1") $checked["test_a"]=" checked";
if($_REQUEST["test_b"]=="1") $checked["test_b"]=" checked";

//radio
if(isset($_REQUEST["test_c"])) $checked["test_c"][$_REQUEST["test_c"]]=" checked";

//select
if(isset($_REQUEST["test_d"])) $selected["test_d"][$_...続きを読む

QJava-jspの画面入力値保持について

画面にテキスト、ラジオボタン、リストボックス とボタンがあります。
ボタンを押すと、JAVAで処理を行い、jspのviewで表示します。

1.テキスト、ラジオボタン、リストボックスなどに値が入力、設定されている状態で
ボタンを押して処理後にテキスト、ラジオボタン、リストボックスの値が
変わらないようにしたいのですが、
その場合、たとえば、入力、設定値をセッションになどに格納しておき
jspの所で、セッションから値を設定すると言うような方法になるのでしょうか?

2.ボタン押して処理後、ラジオボタン、リストボックスの選択値も
  変えないようにしたいのですが、
  これはどのように実現するのが、適切なのでしょうか?


以上、よろしくお願いします。

Aベストアンサー

ボタンというのはフォームのサブミットボタンのことですよ?
つまり、画面遷移が起きることを前提とすると(元の同じ画面に戻るのも含みます)

テキスト、ラジオボタン、リストボックスの状態を「要求パラメータ」として
送信し、それを次画面に反映するというのが最も一般的な方法です。

フレームワーク struts のアクションフォーム&JSPカスタムタグを使うと比較的楽に
そういう画面が作れますが、多くのフレームワークでも大差ありません。
簡単な画面なら素のサーブレート+JSPでも十分作れます。

セッションでもできますが、 セッションはログイン情報などの保持など、
限定された範囲で使うのが普通です。また、結局セッションに最新の
テキスト、ラジオボタン、リストボックスの状態を送るには、「要求パラメータ」
を送信する必要があります。

AJAXを使うという方法もあります。この場合、ボタンは AJAX 処理だけを行い
画面遷移を起こさないので、サーバ側で画面のテキスト、ラジオボタン、
リストボックスの状態をもつ必要はありません。

Qラジオボタンの選択肢をサーブレットで取得するには?

サーブレットの開発を行っていますが、ブラウザー側で
ラジオボタンを選択した際に何を選択したかのデータを取得したいのです。
(下記のHTMLで言えば、割引手形か、手形貸付か、証書貸付というのを取得したいのです)
パラメーターをサーブレットで受け取りたいのですが
うまくいきません
HTMLでHIDDENを使用するとか聞いたことはあるのですがどのようにコーディングすればいいんでしょうか?
よろしくお願いいたします。

<p>
<input type="radio" name="radiobutton" value="radiobutton">
割引手形 
<input type="radio" name="radiobutton" value="radiobutton">
手形貸付 
<input type="radio" name="radiobutton" value="radiobutton">
証書貸付
</p>

ブラウザー側からは
<form action="http://localhost/servlet/yuushi" method=post>
の指定を行っています。
サーブレットでの受け取り方を、
String p2=request.getParameter("radiobutton");
 とすると、p2=radiobuttonとデータがセットされました。

サーブレットの開発を行っていますが、ブラウザー側で
ラジオボタンを選択した際に何を選択したかのデータを取得したいのです。
(下記のHTMLで言えば、割引手形か、手形貸付か、証書貸付というのを取得したいのです)
パラメーターをサーブレットで受け取りたいのですが
うまくいきません
HTMLでHIDDENを使用するとか聞いたことはあるのですがどのようにコーディングすればいいんでしょうか?
よろしくお願いいたします。

<p>
<input type="radio" name="radiobutton" value="...続きを読む

Aベストアンサー

それぞれの項目の value を、ユニークにして下さい。例えば、

<input type="radio" name="radiobutton" value="1"> 割引手形 
<input type="radio" name="radiobutton" value="2"> 手形貸付 
<input type="radio" name="radiobutton" value="3"> 証書貸付

そうすれば、「手形貸付」を選択したときに

String p2 = request.getParameter("radiobutton");

とすれば、p2 は "2" になります。

QJSP + ラジオボタン

JSP+Servlet+Beanで作ってます。
JBuilder5を使ってます。

JSPはラジオボタン、テキスト、ボタン等があります。
<INPUT TYPE = "radio" NAME = "r1" VALUE = "ins">A
<INPUT TYPE = "radio" NAME = "r1" VALUE = "upd">B
<INPUT TYPE = "radio" NAME = "r1" VALUE = "del">C

としています。
たとえば、Bを選択時、ボタンクリックで
Servletにリクエストを送信しますが、
Servletから再びJSPを呼び出し、画面を
表示するとき、ラジオボタンはBを選択
させたいのですが、どうしたらいいですか?
FormタグのCHECKEDというオプションを
どのように使えばいいのか教えていただきたいのですが。


テキストには、Beanでsetメソッド、
JSPでは、<jsp:getProperty・・・>を使って
セットできているんですが、ラジオボタンも
同様ですか?
@@@・・・JSPのタグを勉強しないといけないです。
@@@勉強不足です。

JSP+Servlet+Beanで作ってます。
JBuilder5を使ってます。

JSPはラジオボタン、テキスト、ボタン等があります。
<INPUT TYPE = "radio" NAME = "r1" VALUE = "ins">A
<INPUT TYPE = "radio" NAME = "r1" VALUE = "upd">B
<INPUT TYPE = "radio" NAME = "r1" VALUE = "del">C

としています。
たとえば、Bを選択時、ボタンクリックで
Servletにリクエストを送信しますが、
Servletから再びJSPを呼び出し、画面を
表示するとき、ラジオボタンはBを選択
させたいの...続きを読む

Aベストアンサー

<% %>のなかに
<jsp:getProperty name="wk" property="aaa" />
のようなJSPタグを使用することはできません。
これはエラーになります。

wkがBeanのインスタンス名、aaaがプロパティ名なので
<% if(wk.getAaa()==1){ out.print("checked");} %>

でよいと思いますが・・・

Qform action="#"

"#"ってどういう意味ですか?
検索してもなかなか見つかりません。
解説の載っているページを教えてもらえませんか?

Aベストアンサー

<form action="#">は、ボタンをページの先頭にジャンプするリンクの変わりに使う場合に使用します。


<form>で、送信ボタン(<input type=submit>等)を押すと、action=""で指定したURLにジャンプします。
通常actionには実行するCGIのURL名が入りますが、単にリンクの変わりに使う事ができます。
たとえば
<form action="aaa.html">
<input type=submit value="aaaへ">
</form>
とやると、aaa.htmlへリンクするボタンができます。

actionに"#"と書く件ですが、これは<a href="#">の変わりになります。
fibre102さんは、<a name="">タグは判りますか?
アンカータグと言い、ページの任意の位置にタグを置いておくと、その場所にリンクを張れるようになります。
#はURLとアンカー名を区切る区切り記号です。
通常は<a href="aaa.html#top">や<form action="bbb.html#tail">のように書きます。
また、同じページ内なら<a href="#tag">のようにURLを省略して書くこともできます。
で、#だけ書くとどうなるかと言うと、大抵のブラウザはページの先頭にジャンプしてくれます。
(定義されていないアンカー名に対しリンクを書くと、先頭に行くようになっているため…かな?
 最初の行に<a name="top">等と書いて、"#top"にリンクする手もありますが、余白等が入り数ドット下にずれてしまいます。)

ご質問の件は、以上二つの機能の複合です。
それぞれformとa nameタグの説明を検索してみると良いと思いますよ。

http://www.tohoho-web.com/html/form.htm
http://www.tohoho-web.com/html/a.htm

<form action="#">は、ボタンをページの先頭にジャンプするリンクの変わりに使う場合に使用します。


<form>で、送信ボタン(<input type=submit>等)を押すと、action=""で指定したURLにジャンプします。
通常actionには実行するCGIのURL名が入りますが、単にリンクの変わりに使う事ができます。
たとえば
<form action="aaa.html">
<input type=submit value="aaaへ">
</form>
とやると、aaa.htmlへリンクするボタンができます。

actionに"#"と書く件ですが、これは<a href="#">の変わりになります...続きを読む

Qチェックボックスを使って条件検索

チェックボックスにチェックされたものについて、データベースで条件検索をしたいです。

形としては、チェックボックスで任意にチェックできて、最後に送信ボタンを押すと検索結果ページがでてくる仕組みにしたいです。

いちおうこうなってくれればいいんだけど、っていうのがあるんですけど、
例えば、
□goo
をチェックすると
http://www.abc.com/database.cgi?table=xx&search=goo
のように語尾に&search=gooがくっついた形でリンクをさせたいです。
チェックが複数の場合は、
□goo
□教えて
□神様
だとすると、
http://www.abc.com/database.cgi?table=xx&search=goo,教えて,神様
のように,で区切ってリンクをさせたいです。

ちなみに、使ってるデータベースはHeRO DBです。

よろしくお願いします。

Aベストアンサー

遅くなってすみません。
こんな感じでどうでしょうか?
3つともチェックを入れるとこうなります。
 http://www.abc.com/database.cgi?table=xx&search=goo,教えて,神様

ちなみにJavascriptを使わず、ただsubmitするとこうなりました。(IE6)
 http://www.abc.com/database.cgi?table=xx&search=goo&search=%8B%B3%82%A6%82%C4&search=%90_%97l
---------------------
<html>
<head>
<script>
<!--
function test() {
  var param = "";
  var f = document.forms[0];
  var chk = f.search;
  if(chk) {
    if(chk.length) {
      // チェックボックスが複数のとき
      for(var i = 0 ; i < chk.length ; i++) {
        if(chk[i].checked == true) {
          if(param != "") {
            param += ",";
          }
          param += chk[i].value;
        }
      }
    }
    else {
      // チェックボックスが1つしかないとき
      if(chk.checked == true) {
        if(param != "") {
          param += ",";
        }
        param += chk.value;
      }
    }
  }
  // ページを飛ばす
  location.replace(f.action + "?table=xx&search=" + param);
}
//-->
</script>
</head>
<body>
<form action="http://www.abc.com/database.cgi" method="get">
<input type="hidden" name="table" value="xx">
<input type="checkbox" name="search" value="goo">goo<br>
<input type="checkbox" name="search" value="教えて">教えて<br>
<input type="checkbox" name="search" value="神様">神様<br>
<input type="button" onclick="test()" value="click me"><br>
<input type="submit" value="submit">
</form>
</body>
</html>

遅くなってすみません。
こんな感じでどうでしょうか?
3つともチェックを入れるとこうなります。
 http://www.abc.com/database.cgi?table=xx&search=goo,教えて,神様

ちなみにJavascriptを使わず、ただsubmitするとこうなりました。(IE6)
 http://www.abc.com/database.cgi?table=xx&search=goo&search=%8B%B3%82%A6%82%C4&search=%90_%97l
---------------------
<html>
<head>
<script>
<!--
function test() {
  var param = "";
  var f = document.forms[0];
  var chk = f.searc...続きを読む

Q画像をクリックしてラジオボタンにチェック

タイトルのそのままなのですが、
ロゴを募集するサイトを作成しているのですが
<label></label>でいけるかな?と思ったらできませんでした。
まだまだひよっこなので・・・。
どのような方法でもいいのでどなたかご教授ください。
よろしくお願いします~

Aベストアンサー

ちょっと質問がわかりにくいのですが、
「画像とそれに対となるラジオボタンが1セットとして、そのセットが数セット存在し手いる状態で、画像を押したらセットとなるラジオボタンを選択させたい。」
ということでしょうか?

その前提で記入します。

JavaScriptを使用してこんな感じでいかがでしょう
<input type=radio id=rdo1><img src="file.jpg" border=0 onClick="javascript:rdo1.checked=true;" style="cursor: hand;">

Qチェックボックスから複数のvalueを取り出す

HTMLフォームから、action="file.php"でデータの受け渡し→PHPで送られてきたvalueに応じて文章を出力、というプログラムを作っています。

例:
グループAのラジオボタン1にチェック、送信
→グループAで押されたラジオボタンを送信されたvalueで判別、この場合はvalue==A
→value==Aの場合に表示する文章を変数に受け渡し、その変数で表示

ラジオボタン、テキストボックスのvalueは$_POST['XXX']で取り出せたのですが、チェックボックスのデータだけが取り出せません。こちらの質問を検索したとき、多次元配列という言葉を見かけたのですが、いまいちよく分かりませんでした。
チェックボックスの複数のvalueで、上記の例のような動きを実現させるにはどうしたらいいでしょうか。どなたかご教授ください。

Aベストアンサー

チェックボックスはちょっと特殊

まずHTML部分で、以下のように定義します
<input type="checkbox" name="sample[]" value="test1">test1
<input type="checkbox" name="sample[]" value="test2">test2

ここでは、nameの部分に[]をつけるのがポイント


次にphpで受け取る方法として、
$sample = $_POST["sample"];
で問題ありません。

受け取ったデータを使うときは、$sampleは配列になっていますので、
仮に上記のtest1とtest2両方にチェックが付いているとしたら、
$sample[0]にはtest1が、$sample[1]にはtest2が入っています。

$sampleをforeachで使うか、$sampleのデータ数を調べてforでループさせるなどで使えます。

Qプルダウンリストの背景色の指定

お世話になります。
現在作成しているwebページがあり、下記のようにプルダウンリストの背景色を設定しております。
<select>
<option style="background-color: #FF0000;">サンプル1</option>
<option style="background-color: #00FF00;">サンプル2</option>
<option style="background-color: #0000FF;">サンプル3</option>
<option style="background-color: #FFFFFF;">サンプル4</option>
</select>
このページにおきまして、サンプル3を選択したときに、プルダウンリストに「サンプル3」と表示され、背景色が#0000FFになるようにしたいのですが、
上記のままだと、IEでは背景色も変化しますが、firefoxですとプルダウンリスト内に「サンプル3」と表示されても背景色は白のままです。

IEとおなじ動きになるようにするには、どうしたらよいでしょうか。
ちなみに、

<select style="background-color: #FF0000">

にすると、IE、firefoxともにプルダウンリストの背景色が変更できたので、javascriptでoptionのvalueをとり、それをselectのstyleに設定できれば。。。
と考えたのですが、javascriptはほぼ無知なので、上記の方法でも解決できずでした。

簡単に解決できる方法などございますでしょうか。
もしくは、javascriptで解決できますでしょうか。

どうぞ宜しくお願いいたします。

お世話になります。
現在作成しているwebページがあり、下記のようにプルダウンリストの背景色を設定しております。
<select>
<option style="background-color: #FF0000;">サンプル1</option>
<option style="background-color: #00FF00;">サンプル2</option>
<option style="background-color: #0000FF;">サンプル3</option>
<option style="background-color: #FFFFFF;">サンプル4</option>
</select>
このページにおきまして、サンプル3を選択したときに、プルダウンリストに「サンプル3」と表示され...続きを読む

Aベストアンサー

「スタイルシートのクラス名」

<html>
<head>
<title>TAG index Webサイト</title>
<script type="text/javascript">
<!--
function chBackGround(e) {
e.className=e.options[e.selectedIndex].className;
document.getElementById('submit').focus();
}

window.onload = function() {
document.getElementById('key').className='color01';
}
// -->
</script>
<style type="text/css">
<!--
.color01 {
background-color: #FF0000;
}

.color02 {
background-color: #00FF00;
}

.color03 {
background-color: #0000FF;
}

.color04 {
background-color: #FFFFFF;
}
-->
</style>
</head>
<body>
<form name="f1" action="./DB.cgi" method="POST">
<div>
<select id="key" name="key" onchange="chBackGround(this)">
<option class="color01">
サンプル1
</option>
<option class="color02">
サンプル2
</option>
<option class="color03">
サンプル3
</option>
<option class="color04">
サンプル4
</option>
</select>
</div>
<input id="submit" type="submit" value="表示">
<input type="hidden" name="mode" value="display">
</form>
</body>
</html>

「スタイルシートのクラス名」

<html>
<head>
<title>TAG index Webサイト</title>
<script type="text/javascript">
<!--
function chBackGround(e) {
e.className=e.options[e.selectedIndex].className;
document.getElementById('submit').focus();
}

window.onload = function() {
document.getElementById('key').className='color01';
}
// -->
</script>
<style type="text/css">
<!--
.color01 {
background-color: #FF0000;
}

.color02 {
background...続きを読む

Q検索窓とプルダウンメニュー機能の作り方で困っています。どなたか教えてい

検索窓とプルダウンメニュー機能の作り方で困っています。どなたか教えていただけますか?

【やりたいこと】
■検索窓とその横にプルダウンメニュー(4つのカテゴリ名から選択可能)、そして検索ボタンがあります。

1.検索窓に任意のキーワード(仮:「あいうえお」)を入力 ※1

2.次にプルダウンメニューの中からカテゴリを1つ選択(仮:「ABCD」)※2

3.検索ボタンを押すと、検索窓内に表示されるキーワード(※1)の後ろに、
 スペース + ※2が表示されるようにしたい。(結果ページの検索窓)


【例】
1.検索窓に「あいうえお」
2.プルダウンメニューより「ABCD」を選択
3.検索ボタンを押す⇒(結果ページの)検索窓内に「あいうえお ABCD」と表示させたい。


どうぞよろしくお願いいたします。

Aベストアンサー

・楽天オークションの検索結果ページにある検索窓に【※1 + スペース +※2】を自動付与

==>おそらく、そんな事をやりたいんだと想像してました。

直接、楽天オークションの検索結果ページを表示してるんなら、不可能です。
クロスドメインアクセスと呼ばれていて、セキュリティの問題から、数年前に
ほとんど全てのブラウザーで禁止されました。

==>やりたいなら、楽天やMSNは知らんけど、ヤフーオークションはAPIサービス
があるので、検索ページを自分のサイトに作りこむ必要があります。

http://developer.yahoo.co.jp/webapi/auctions/

そんなに難易度は高くないです。初心者プログラマーでもそれなりに出来ます。
でも、「検索ボタンを押すと、検索窓内に表示されるキーワード(※1)の後ろに、
スペース + ※2が表示されるようにしたい。」も自力でさっとコーディング
出来ないレベルだと、ちょっときついかも....


このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング