• 締切済み

プルダウンリストの内容をプルダウンリストに返すには

親画面に空のプルダウンリストを用意してあります。 子画面にて、プルダウンリストから複数選択し、ボタンを押すなどして、 親画面のプルダウンリストに選択したものだけを表示するように したいと思っています。 ●親画面 (空) (空) (空) (空) ○子画面 あああ (check) いいい ううう (check) [OKボタン] ↓ ●親画面 あああ いいい となるように、JavaScriptで実現できますでしょうか? JavaScriptに長けてる方いらっしゃいましたら、 よろしくお願いいたします。

みんなの回答

  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.2

とりあえずwindowまで書くとぐちゃぐちゃになりそう なので、簡単に書きます。 <form name="f_parent"> <select name="s"> </select> </form> <hr> <form name="f_child"> <select name="s" multiple size="5"> <option value="a">あああ</option> <option value="i">いいい</option> <option value="u">ううう</option> <option value="e">えええ</option> <option value="o">おおお</option> </select> <input type=button value="send" onClick="send(this.form)"> </form> <script language="javacsript"> function send(f){ o=document.f_parent.s o.length=0; for (var i=0;i<f.s.length;i++){ if(f.s[i].selected==true){ o.length++; o[o.length -1].text=f.s[i].text o[o.length -1].value=f.s[i].value } } } </script>

  • mekerock
  • ベストアンサー率64% (9/14)
回答No.1

No.1850189 でリスト値を変更したいという質問があり、アドバイスしましたが、理論は同じことです。 親リストの設定に、 →子リストの選択数をリスト数として設定 →子リストの選択値をリスト値として設定 すればよいと思います。 子からは、自分を作成した親ウィンドウの情報が取れるので(openerだったかな?)、そこから、オブジェクト、エレメントの指定をするとよいでしょう。

takokko
質問者

お礼

さっそくの回答ありがとうございます。 >親リストの設定に、 >→子リストの選択数をリスト数として設定 >→子リストの選択値をリスト値として設定 ちょっと、私には、漠然としすぎてしまいます。 似たようなことをやっている、サイトをお教え願えますでしょうか? ちなみにGooは、登録しなきゃいけないようで・・・。

関連するQ&A

  • リストボックス項目の変更

    javascript初心者です。 ラジオボタンを2つ、複数選択リストボックスが1つあります。どちらのラジオボタンをチェックしているかで、リストボックス内の項目を変化させたいと思っています。 これはjavascriptで実現可能でしょうか?参考になるサイトや方法を教えていただければ嬉しいです。

  • 子画面を閉じて親画面のリストを更新するには。

    検索ページで入力された値をキーにしてデータベースから該当するデータを取得して検索結果のリストを表示しています。 検索リストの行毎には参照ボタンが生成してあり、このボタンをクリックするとJavaScriptの「window.open」で別ページが開き、選択したレコードの詳しい内容を表示しています。 この別ページには選択ボタンが用意して、このボタンをクリックしたらJavaScriptの「window.open」で開いた別ページを閉じて検索リストに戻り、参照したレコード行の項目に選択したという情報を追加したいと考えていますがどのようにしたらいいのかが思い浮かびません。 ※検索リストで表示しているデータ(データベースから検索したデータ)はセッション変数に格納してあります。 そこで皆様のお力をお借りしたくて投稿させていただきました。 私が行いたい事は以下の通りです。 1.検索ページで入力された値をキーでデータベースを検索。 ※検索時のSQLで空のフィールド(選択ステータスフラグを格納するフィールド)を準備。 2.取得した検索データをセッション変数に格納。 3.取得した検索データから検索リスト(親画面)を生成して表示。 4.検索リスト(親画面)の参照ボタンをクリックして子画面を表示。 5.子画面の選択ボタンをクリックして子画面を閉じる。 ※選択ボタンをクリックした際に1で作成した空のフィールド(選択ステータスフラグを格納するフィールド)に値を設定。 6.検索リスト(親画面)に戻ると選択ボタンをクリックした行の空のフィールドに選択ステータスを表示。 箇条書きですが理解していただけましたでしょうか? 些細な事でも何でも構いませんのでアドバイスいただけませんでしょうか? 宜しくお願いします。

    • ベストアンサー
    • PHP
  • プルダウンをトリガーにしたボタンの制御

    以下の処理をjavascriptで実現する事は可能でしょうか? (1)プルダウンにA,B、Cという値が入っていて、Bを選択したときだけボタンを表示 (2)B以外が選択されればボタンを非表示 (3)ボタンは押す事が出来て、それをトリガーに別のアクションを起こす。(別の画面を開くとか) 以上よろしくお願いします。

  • プルダウンの選択リストの中に画像を埋め込む(表示する)ことはできますでしょうか

    タイトルのとおりなのですが、 プルダウンのリストは通常、テキストのリストから選択するものですが、 プルダウンの選択リストの中に画像を表示させることはできますでしょうか。 プルダウンフォームのoptionタグやCSSの背景に画像を指定したりしたのですが 表示することはできませんでした。 どなたか実現方法をご存知でしたら教えていただけないでしょうか。 よろしくお願いします!

  • javascriptのプルダウンで項目外の表示可否

    javascriptのプルダウンで一覧から項目を選択したら、プルダウンに表示する文字を一覧とは違うものに出来るかどうか。 説明文が分かりにくかったら申し訳ございません。 図と文字で説明すると以下のような感じです。 ============================ 前提:リストに表示させる項目は「ああああ」「いいいい」「うううう」 1.まず、プルダウンを開きます。  [    ▽]  ――――― |ああああ| |いいいい|←「いいいい」を選択する |ううううう |  ――――― 2.項目を選択する。  [2番目▽]←「いいいい」を選択したが、「2番目」とプルダウンに表示させる。 3.またプルダウンリストを開く  [2番目▽]  ――――― |ああああ| |いいいい| |ううううう |  ――――― 「2番目」と表示されたまま最初にあった全ての項目が表示される。 プルダウンは複数行あるグリッド(javascriptでもこの部品名か分かりませんが、エクセルみたいに動作する部品です)でA列に同じ種類が置かれます。 ↓こんな感じで  A列 | B列 | C列 |←ヘッダ部 ―――――――――――― [  ▽]|     |    | ←ボディ ―――――――――――― [  ▽]|     |    | ―――――――――――― [  ▽]|     |    | ―――――――――――― ============================ 上記のような動作はjavascriptでは可能でしょうか? javascriptは門外漢で、プログラマーにjavascriptでは出来ない!と言われてしまっているのですが、VB的には出来るのだからjavascriptでも出来るのではないかと思っています。 ただ、動作させる場所がweb上なので自分が思っているものとは制限が違うのではないかもと思い、意見を言えない状態です。 ご存知のいらっしゃいましたら  ・可能か否か 出来れば  ・どのような作り方であれば実現できそうか (プルダウンを開いた時と閉じた時で処理を走らせればいいとか簡単でいいので) などを教えていただければ幸いです。 よろしくお願いいたします。

  • プルダウンかリストボックス

    携帯のブログの項目で プルダウン か リストボックス を設置したいのですが、どうもうまくいきません。 リストは作れても選択ボタンがうまく作れなかったり、 選択しても移動しなかったりしてしまいます。 HTMLの方式で書いているのですが、何度も考えてやっているのですが、結局リンクに飛ばなかったりしてしまいます。 どなたか教えてください。

  • Excelのプルダウンリスト

    Excelのプルダウンリストを選択しこんな風に表示したいのですが可能でしょうか。 A2セルにプルダウンリストを表示「砂糖、りんご、卵」 砂糖を選択した場合Sugar、リンゴを選択した場合Apple、卵を選択した場合Eggというように、「A2」のセルに表示する。 もしくは、A2セルにプルダウンリストを表示「砂糖、りんご、卵」 B2セルに対応の語句を表示(Indirect関数使用) 印刷時にはプルダウンの選択に関わらず、A2セルは常に「品目」と表示させる。 (B2にデータが表示された時点でA2の表示が「品名」になるのが理想的です) やり方がお分かりの方がいらしたらお手数ですがご教示ください。

  • プルダウンメニューからチェックボックスを表示したい

    php、javascript、mysqlを使用し、プルダウンで選択後、チェックボックスを表示させる仕組みを作りたいのですが、 どうすればよいのか分かりません。 どなたか力を貸して頂きたく思います。 例えば下記のようなTBLがあったとします。 ■TBL:oya  oyaコード  10  20  30 ■TBL:ko  oyaコード    koコード  10        1100  10        1200  10        1300  20        2100  20        2200  30        3100 TBL 「oya」 をプルダウンメニューにセット。 プルダウンメニューを選択する度にTBL 「ko」を呼び出し、同ページ内にチェックボックスとして表示させたいと考えています。 例) ・10が選択されたら  「1100」、「1200」、「1300」のチェックボックスを表示する プルダウンメニューへのセットは出来たのですが、プルダウン選択後の「ko」を呼び出す箇所が分かりません。 php Mysql javascript で実現したいと考えております。 サンプルページでもいいですので、何かありましたら教えて下さい。 お分かりになる方よろしくお願いいたします。

  • プルダウンリストとテキストエリアの連動

    どう調べてもわからないので教えてください。 HTML上で動作するツールを作成しています。 最終的に、あるテンプレートをテキストエリアに表示させたいと考えています。 そのために、項目をいくつかプルダウンで選択し進んでいくというものです。 プルダウンリストは、選択したリストにより連動し、選択肢が変わるように したいのです。 項目別にプルダウンは5つ、5つ目はない場合もあります。 【手順】 (1)プルダウン(1)選択 ↓ (2)プルダウン(2)選択 ↓ (3)プルダウン(3)選択 ↓ (4)プルダウン(4)選択 ↓ (5)プルダウン(5)選択 ←選択肢がない場合あり ↓ テキストエリアに該当の文言が表示 ちょっと複雑なのですが、よろしくお願いいたします。

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

    お世話になります。 現在作成している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で解決できますでしょうか。 どうぞ宜しくお願いいたします。

    • ベストアンサー
    • HTML

専門家に質問してみよう