• 締切済み

HTMLのプルダウンにjavascriptの値

HTMLのセレクトボックスのプルダウンにjavascriptの配列の値を入れようとした場合は、何てソースを書けばいいのでしょうか。参考サイトやサンプルソースを出来れば教えて下さい。

  • 47695
  • お礼率11% (1/9)

みんなの回答

  • tracer
  • ベストアンサー率41% (255/621)
回答No.2

htmlやjavascriptを触り始めると、この手の疑問は無限に出てきます。そして、その都度、誰かに質問していては埒が明きません。ぜひとも、「検索すること」を覚えることを強くおすすめします。「賢く検索する方法」を身につけてください。検索を制するものが情報を制すといっても過言ではありません。 さて、質問の前に「selectbox javascript」で検索しましたか?

回答No.1

この手のお話でしょうか http://nandani.sakura.ne.jp/web_all/javascript/32/

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • JavaScriptでのSELECTプルダウンメニュー

    JavaScriptでHTMLで言うところのSELECTプルダウンメニューを作成するには、どのようなコードを書けばよろしいのでしょうか？ 御存知の方、参考になるサイトなどがありましたら教えてください。 お願いします。

  • JavaScriptとCSSを使ったプルダウンメニューの作り方

    下記のようなサイトの左メニューのように、 横にプルダウンメニューが出てくるようにしたいのですが、 http://journal.mycom.co.jp/top/column/index.html JavaScriptとCSSを使ってするやり方＆ソース＆サンプルを 教えて下さい。 それが書かれてあるURLを教えていただいてもかまいません。

  • JavaScript→HTMLへ値渡しする方法

    お世話になります。 JSPファイル内のJavaScriptで調べた値を、 同じJSPファイル内のHTMLへ値を渡して、 その値をHTML内のIF文で判断して、 HTMLの表示画面内容を、 大まかには、以下のサンプルソースのような流れで 変更したいです。 <script language="JavaScript" type="text/javascript"> <!-- function getInfoAgentUser(){ var agent_user = navigator.userAgent.toLowerCase(); var WinOs = agent_user.indexOf("win") != -1; // 文字列に、"win"が含まれているケース var Msie = agent_user.indexOf("msie") != -1; // 文字列に、"msie"が含まれているケース var errFlg = ""; if(WinOs){ if(Msie){ errFlg = "0"; }else{ errFlg = "1"; } }else{ errFlg = "2"; } } //--> </script> </head> <body onLoad="getInfoAgentUser()"> <c:if test="${errFlg == 1}"> <h1>ブラウザエラー</h1> <div class="main"> <p><c:out value="Internet Explorerを利用してください" /></p> </div> </c:if> <c:if test="${errFlg == 2}"> <h1>OSエラー</h1> <div class="main"> <p><c:out value="Windows XP以上を利用してください" /></p> </div> </c:if> 上記のサンプルソース内の、 JavaScript内のIF文で判断した「errFlg」変数の値を、 <body ～以下で、 <c:if test="${errFlg == 1}"> みたいに判断し分岐して、 HTMLの表示画面内容を 変更したいです。 どのようにすれば、上記の「errFlg」変数の値を JavaScript→HTMLへ値渡し出来るのでしょうか？ 以上になります。 ご存じの方がいらっしゃいましたら教えてください。 宜しくお願いします。

  • プルダウンで別項目に値を代入したい（HTML SELECT)

    ホームページのプルダウン項目を選択すると直ぐ下にあるテキスト項目に値を設定するプログラムを作りたいのですが上手くいきません。 HTMLのSELECT句でonchange属性に記述するのは分りますが、その場合にはjavascriptで記述(例：onchange="fncSet();"等)します。 下記は記述を省略しましたが、option項目はＤＢのテーブルから読み込んでセットしています。 <select name=sel onchange="？？？"> 　<option value=" ">　</option> 　<option value="1">はい</option> 　<option value="2">いいえ</option> </select> <input type=text name=txt value=""> この場合にselのonchangeで選択した項目の値をtxtに設定するにはどうすればいいのでしょうか？ ＯＳ　　　:WIN2K ブラウザ　:IE6 プログラム:HTML(asp,vbscript,javascript)

    • ベストアンサー
    • HTML
  • 連動プルダウンについてです。

    こんばんは。プログラム初心者です。 今、PHPとDBを使用したプログラムを組んでいます。 PHPはsmartyを使用してます。 そこで画像投稿画面を作成していまして、 DBと連動したプルダウンを作成したいのですが、 全然作れなくて困っています。 やりたいことはHTML側で元々記述してあるセレクトした値を飛ばして DB接続し、その値をそのままSQLに組み込んで 紐づいたデータをそのままプルダウンで表示させたいです。 こんな感じです↓ http://jsajax.com/NestedDropDown2Article686.aspx phpだけだとリロードしたりすることになるので、 JavaScriptを使用すると思いここに質問させていただいてます。 恐らく、JavaScriptでHTMLのvalue（値）を取得し、 別のPHP(DB接続とSQLの記述をしたもの)に値を渡して、 そこから元のPHPに戻るといったことをやればいいのでは… と思っていまして、接続、SQL用の別PHPは作成しました。 （非同期通信って云うんですかね） その際、２次元配列(配列の中は連想配列)で取得していて、 valueはその内の１つ、実際テンプレート側に 表示する文字は別の１つを表示させたいです。 SQLを流す側のPHPで配列は 【0】 [zip] [town] 【1】 [zip] [town] … といった感じの二次元配列を取ってます。 それを <option value="{$zip}">{$town}</option> みたいな形で取れた分、プルダウン作成したいです。 <option value="">選択してください</option> のプルダウン初期表示も欲しいです。 色々調べてみたんですが、 JavaScriptが難しくてhtmlの値すら取ることができず、 全然できません。どのように記述したらよろしいでしょうか？ 他で使用しているため、j-queryは入れてあります。 ご教授のほど是非よろしくお願いします。

  • 【JavaScript】プルダウンで数字を選択後、即時計算したいですが

    【JavaScript】プルダウンで数字を選択後、即時計算したいですが 方法がわかりません。 http://bunjin.com/java/calc.html 以上のサンプルページでは、チェックボックスを押した直後、 下部のテキストボックスに金額が表示されるように設定されていますが、 チェックボックスの横などにプルダウンで数字を表示させて、 その数字の積を合計金額に表示させたいのです。 例） 「ラーメン（５００円）」のチェックボックスにチェック（合計金額には「500　円」と表示） ↓ その「ラーメン（５００円）」の横にプルダウンボックスを選択(値は1,2,3,・・・) ↓ 選択した値により、合計金額を変化させたい(プルダウンで1を選べば500円、2を選べば1000円、・・・) どうかよろしくお願いします。

  • ゆっくりと出るプルダウンを作りたいのですが、

    ゆっくりと出るプルダウンを作りたいのですが、 メニューからプルダウンがゆっくり出るwebページを作ろうと、 http://onehackoranother.com/projects/jquery/droppy/ よりソースをコピペして、一応は作ることが出来ました。 ただ、出来ればクリックしてプルダウンが出るのではなく オンマウスでプルダウンが出るようにしたいのですが、 JavaScriptはほとんど素人なのでどこをいじってよいかわかりません。 カスタマイズの仕方がわかる方がいらっしゃいましたら、お知恵を貸してください。 出来上がりを重視していますので、上記サイトのカスタマイズではなくても、他サイトで良いサンプルを掲載しているサイトがありましたら、そちらの紹介でも構いません。 よろしくお願いいたします。

  • セレクトボックス ＨＴＭＬ javascript

    セレクトボックス ＨＴＭＬ javascript php セレクトボックスの複数選択についてですがご教授よろしくお願いいたします。たとえばセレクトボックスを二つ作り 一つ目のセレクトボックスを ・フルーツ ・寿司 ・カレー フルーツを選択すると二つ目のセレクトボックスの中が ・りんご ・みかん ・なし 寿司を選択すると二つ目のセレクトボックスが ・いくら ・まぐろ ・うに このように 一つ目のセレクトボックスの選択によって 二つ目のセレクトボックスの中身を変えるにはどのようなコードを組めば よろしいのでしょうか。 現在 php javascript mysqlの勉強しています。 ご教授いただければ幸いです。

    • ベストアンサー
    • HTML
  • JavaScriptカレンダーの日付をクリックしてselectの値を変えたい

    http://allabout.co.jp/career/javascript/closeup/CU20020529/ こちらのサイトで公開されているJavaScriptを組み込んでいるところです。 (JavaScriptでカレンダーを作り、クリックした値を返すもの) サンプルでは<input type="text">に値を返しているのですが、 私は以下のselectのoptionにそれぞれ反映させたいと思っています。 <select name="year"> <select name="month"> <select name="day"> selectに反映させるために何処をいじっていいのか分からず、困っています。 どなたかアドバイスをいただけたら幸いです。

  • プルダウンの値とJavaScript

    下記のようなソースでHTMLのID、パスワードを入力しログを閲覧する画面を作成しました。 プルダウンで今月のログか先月のログを選択するようにしたいと思いますが、 value値の所にJavaScriptの値を入力したいと思っていますが上手くいきません。 具体的には、<OPTION value="1">の1の代わりにdlogの値を<OPTION value="2">の2の 代わりにllogの値を入力したいと思っています。 宜しくお願い致します。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE></TITLE> <SCRIPT Language="JavaScript"> <!-- myDate = new Date(); myYear =1900+(myDate.getYear()%1900); dYear =(myDate.getYear() % 100); myMonth =myDate.getMonth() + 1; lastMonth =myDate.getMonth(); if (myMonth<10){ dtMonth=("0"+(myDate.getMonth()+1)); } else {dtMonth =myMonth; } if (myMonth<10){ dlMonth=("0"+(myDate.getMonth())); } else {dlMonth =(myDate.getMonth()); } dlog =(dYear+""+dtMonth+"_log.txt"); if (myMonth == 1){ llog=(dYear-1+""+"12_log.txt"); } else {llog=(dYear+""+dlMonth+"_log.txt"); } // --> </SCRIPT> </HEAD> <BODY> <P align="center"><FONT size="+2"><B>ログファイル閲覧メニュー</B></FONT></P> <HR width="75%"> <form action="../cgi-bin/mail/mail.cgi" method="post"> <CENTER> <TABLE border="0"> <TBODY> <TR> <TD>User ID:</TD> <TD colspan="2"><INPUT size="24" type="text" name="u_id"></TD> </TR> <TR> <TD>Pass Word:</TD> <TD colspan="2"><INPUT size="24" type="password" name="pass"></TD> </TR> <TR> <TD>表示するログ</TD> <TD><SELECT name="log"> <OPTION value="1"> <SCRIPT Language="JavaScript"> <!-- document.write("今月：",myYear,"年",myMonth,"月"); // --> </SCRIPT> </OPTION> <OPTION value="2"><SCRIPT Language="JavaScript"> <!-- if (myMonth == 1){ document.write("先月：",myYear-1,"年12月"); } else {document.write("先月：",myYear,"年",lastMonth,"月"); } // --> </SCRIPT> </OPTION> </SELECT></TD> <TD><INPUT type="submit" name="submit" value="閲覧"></TD> </TR> </TBODY> </TABLE> </CENTER> </FORM> </BODY> </HTML>

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する