- ベストアンサー
selectの選択肢の説明を表示するには。
PHPとJavaScriptでサイトを作成していますが、selectの選択肢の説明を表示する方法を教えてください。具体的には、「りんご」・「メロン」・「みかん」という三つの選択肢がプルダウンで表示され、マウスを「りんご」にあわせると「赤くておいしい」という文が噴出しで表示したいです。同様に「メロン」にあわせると「最高級のマスクメロン」という文が、「みかん」にあわせると「完熟しておいしい」という文が表示したいです。ご指導のほど、よろしくお願いいたします
- mukku_maa
- お礼率60% (3/5)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
<option value="1" title="赤くておいしい">りんご</option> としてみてください。 value="1" は、送信されたときにこのselect文の値として送られるものです。
その他の回答 (1)
- ANASTASIAK
- ベストアンサー率19% (658/3306)
formのselectとしてはできません。 どうしてもそういうものを実現したい場合は擬似的に HTMLで自作すればできます。おそらくネットにあるはず。
お礼
回答ありがとうございました。
関連するQ&A
- プルダウンメニューで「りんご」を選択したら、「100円」と表示されるように。
いつもお世話になっております。 今回も宜しくお願いします。 Excelの入力規則の設定で、プルダウンメニューを「りんご」「みかん」「いちご」「メロン」としているとして 希望することは 「りんご」を選択したら「100円」、「みかん」を選択したら「50円」・・・ と表示されるようにしたいのですが、何かいい方法はありませんでしょうか? セルをふたつ使用する他はないでしょうか? 現在は プルダウンメニューを金額にしています。 できれば、「りんご」「みかん」・・としたいのですが。 宜しくお願い致します。
- ベストアンサー
- オフィス系ソフト
- セレクトボックス HTML javascript
セレクトボックス HTML javascript php セレクトボックスの複数選択についてですがご教授よろしくお願いいたします。たとえばセレクトボックスを二つ作り 一つ目のセレクトボックスを ・フルーツ ・寿司 ・カレー フルーツを選択すると二つ目のセレクトボックスの中が ・りんご ・みかん ・なし 寿司を選択すると二つ目のセレクトボックスが ・いくら ・まぐろ ・うに このように 一つ目のセレクトボックスの選択によって 二つ目のセレクトボックスの中身を変えるにはどのようなコードを組めば よろしいのでしょうか。 現在 php javascript mysqlの勉強しています。 ご教授いただければ幸いです。
- ベストアンサー
- HTML
- selectの選択不可など
いつもお世話になっております。 ちょっと悩んでいるのですが、プルダウンで特定の項目だけ選択不可にする事は可能でしょうか? HTMLだけで実現したいのですがうまくいきません。過去ログを見ましたがjavascriptは使用したくないのです。 なにか方法はございますでしょうか? また、とりあえず下記のソースで行っているのですが、(やりたいことは果物・野菜を選択不可にしたい) label部分がbold斜体になってしまってなんだか汚いのです。 この部分のスタイルを調整するにはどうすればいいのでしょうか?どこにやっても果物・野菜のスタイルが変わりません。 <select size="10" name="a[]" muliple> <optgroup label="果物"> <option>りんご</option> <option>みかん</option> </optgroup> <optgroup label="野菜"> <option>キャベツ</option> <option>きゅうり</option> </optgroup> </select> ご存知の方がいらっしゃいましたらおおしえいただければ幸いです。
- ベストアンサー
- HTML
- プルダウンで選択された値を別ページで表示させたい
題名の通りなのですが、なかなかマッチする情報がなく苦戦しております。 お力を貸していただけると幸いです。 実現したいのは、簡単にいえば、 http://www.bang.co.jp/?ID=dp844 このサイトのように、プルダウンで選択したデータを次のページで 表示したいと思っています。ただし表示させるだけではなくて プルダウンで選択された値を遷移先のフォームのhiddenにセットしたいのです。 javascriptであれこれやっているのですが、3日間たってもできておりません。 例えば、a.htmlのプルダウンで、りんごと選ばれて確認と押したら、 b.htmlに遷移し、画面には、りんごと表示されて、 <input type="hidden" name="name" value="りんご"> こういう形にしたいと思っています。 <a.html> 選択してください。←プルダウン りんご みかん すいか 注文するボタン <b.html> 果物 りんご←前ページで選択された情報が表示されている 送付先 テキストボックス 確認ボタン どうかお力添えをお願い致します。
- ベストアンサー
- JavaScript
- チェックボックス(複数選択可)の値をPOST送信し、
果物テーブルの中身を入力フォームにて、チェックボックスにより選択 得られた果物コードをSELECT文により、果物名に変換して表示 保存時は好きな果物1、好きな果物2、好きな果物3、、カラムにコードを保存。 例)あなたの好きな果物は? りんご みかん いちご メロン (チェックボックスにより選択) 果物テーブル: 1 りんご 2 みかん 3 いちご 4 メロン 入力フォームよりPOSTにて選択された果物のコードを送信 入力確認画面にて得られたコードより果物名に変換 選択されたコードを保存 上記のようなイメージです。 例えば、りんご、みかん、いちごを選択された場合、(1,2,3)が得られ、これを分解してSELECTする方法が分かりません。 すなわち配列の操作になるかと思われます。 (1,2,3)コードは取得出来ています。 以上、ご教授頂けたら助かります。
- ベストアンサー
- PHP
- Javascriptを使ったセレクトボックスでPHPの変数を表示させるには?
下記のページに書かれている通り、 選択肢(1)によって、選択肢(2)の内容が変わるようにしたのですが、 http://www.ksknet.net/javascript/post_54.html 内容を、PHPでデータベースに保存して更新を行なう時に、 選択肢(2)のセレクトボックスで選んだ内容を 表示させる方法がわかりません。 ■やりたいこと 上記ページのスクリプトで、 選択肢(1)を「果物」、選択肢(2)を「みかん」にして、 MySQLに保存して、更新を行なった際、 下記のように更新が行なえるようにしたい。 【選択肢(1)で選んだモノが最上位に表示される】 (例:$select1=「果物」で保存した場合、「果物」が最上位) <select name = "selectName1" onChange="functionName()"> <option value = "$select1">$select1</option> <option value = "果物">果物</option> <option value = "野菜">野菜</option> <option value = "野菜">野菜</option> </select> 【選択肢(2)で選んだモノが最上位に表示される】 (例:$select2=「みかん」で保存した場合、「みかん」が最上位) <select name = "selectName2"></select> ※このフォームに、$select2を入れて、$select2の内容を表示し、 他の選択肢(2)の内容も表示したいのですが、方法がわかりません。 少しわかりにくい質問かも知れませんが、 どうしても実現したいことなので、是非とも宜しくお願いします。
- ベストアンサー
- JavaScript
- コンボボックスで選択した項目を保存する方法
ダイアログ内にコンボボックスを作り、コンボボックス内の項目には、 TEXT("りんご"),TEXT("メロン"), TEXT("みかん")を表示させました。 先頭項目は、りんご・メロン・みかんの順です。 デフォルトでりんごにカーソルがありますが、 みかんを選択してダイアログを閉じ、再度ダイアログを呼出した時に、 みかんにカーソルがあるようにするには、 どのようにしたら良いのでしょうか? #SDK、Win98、Vc++で作成しています。 宜しくお願いします。
- ベストアンサー
- C・C++・C#
- select 表示順
お世話になります。 selectボックスに表示されているデータの表示順を変える方法について、質問します。 DBより読み込んだselectボックス(vMENU1) <select size="15" style="width:200;height=220" name="vMenu1"> <option value="P1">みかん</option> <option value="P2">りんご</option> <option value="P3">すいか</option> <option value="P4">なし</option> </select> とあり、 移動ボタンor削除ボタンで もうひとつのselectボックス(vMENU2)へ選択したデータを移動し、 (例えば、りんごとすいか) <select size="15" style="width:200;height=220" name="vMenu2"> <option value="P2">りんご</option> <option value="P3">すいか</option> </select> 更に、この表示順をドラッグ&ドロップで表示順を変えて、 (りんご、すいかの配列をすいか、りんごへ変更) DBへ送信したいのです。 ご存知の方よろしくお願いします。
- ベストアンサー
- JavaScript
- scriptによる読み込みのselect表示
<script language="javascript" type="text/javascript" src=""></script> で外部ファイルからHTMLを読み込ませ表示させたいのですがなぜかselectが上手く表示されません。 上手く説明できませんが <script language="javascript" type="text/javascript" src="http://www.○○.com/××.php"></script> を貼り付けた部分に http://www.○○.com/に用意した××.phpから <form action="" method="post"> <input type="radio" name="test1" value="1" />r1 <input type="radio" name="test1" value="2" />r2 <input type="checxbox" name="test2" value="1" />c1 <input type="ceckbox" name="test2" value="2" />c2 <select name="test3"> <option value="1">s1</option> <option value="2">s2</option> </select> </form> このようなHTMLを吐き出して表示させたいのですが、redioやchekboxは問題ないのにselectが上手く表示されません。 全くプルダウンが出来ずoption部分を見る事が出来ない状態です。 上記のような方法で表示させる事は無理なのでしょうか? それとも何か対応策はあるのでしょうか? どなたかお教え願えませんでしょうか。
- ベストアンサー
- JavaScript
- テキストボックスとセレクトボックスの選択肢の連携
この度はお世話になります。 1個のテキストボックスに入力された文字列により、その後の1個の セレクトメニューの選択肢を変更することってできるのでしょうか? 具体的には以下のような動作です。 ・デフォルトではテキストボックスに文字列が入力された場合は、 その後のセレクトボックスには「トマト、きゅうり、ほうれんそう」 の選択肢が入る。 ・テキストボックスに「あいうえお」と入力された時のみ、その後の セレクトボックスが「りんご、みかん、ぶどう」の選択肢に変わる。 ・テキストボックスに「かきくけこ」と入力された時のみ、その後の セレクトボックスに「あじ、さば、かつお」の選択肢に変わる。 こんな感じですが、よろしくお願い致します。 当方、只今javascriptを勉強しており、条件式に苦戦しております。 サンプルプログラムを見せていただけるとありがたく思います。
- ベストアンサー
- JavaScript
お礼
回答ありがとうございました。 自分が思っていたことができました。 Titleで渡せばよかったんですね、 本当に助かりました。