• ベストアンサー

<SELECT>タグでの selected 状態にするには・・・。

実は簡単なのかもしれないですが・・・。 変なとこで躓いています。 <SELECT>タグで１５個の<OPTION>が入っているとします。 １２番目の<OPTION>のやつをＨＴＭＬでいうところのselected状態にするにはどうしてやればいいですか？ 宜しくお願いいたします。

質問者が選んだベストアンサー

  • ベストアンサー
noname#199778
noname#199778
回答No.3

JavaScriptからselect要素の中の特定のoptionを選択状態にしたい場合は、 document.form名.select名.options[番号].selected= true; でいけると思います。 ご質問のケースでは、12番目の要素を選択させると言うことですので、option要素の12番目を指定する意味で document.form名.select名.options[11].selected= true; とすれば良いと思います。 JavaScriptでも自動的に取得される要素の配列の連番は0から始まるので、12番目の要素を持つ配列の番号は11になることに気をつければ、問題ないでしょう。 参考になれば…

その他の回答 (2)

  • imasyu
  • ベストアンサー率36% (19/52)
回答No.2

>ＨＴＭＬでいうところの ＨＴＭＬの質問ではないのですか？プログラムの質問？？ 15個あるプルダウンメニューの12番目をデフォルト位置としたいという説明と解釈すると <select> <option>1</option> <option>2</option> <option>3</option> ～～～～～～～～～～ <option>11</option> <option selected>12</option> <option>13</option> <option>14</option> <option>15</option> </select> でいいと思うのですが・・・ 的外れですよねぇ。。

  • the845t
  • ベストアンサー率33% (246/743)
回答No.1

window.document.form.select.option.selected = true; で良かったと思います。

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

関連するQ&A

  • セレクトフォームでタグの受け渡し

    チャット等についているセレクトフォームでタグの受け渡しをしたいのですが、無理でしょうか？ 例として某チャットの顔文字部分をあげると <select NAME="emoji" SIZE="1"> <option VALUE="" selected>なし<option VALUE="(＾＾)">にこにこ （以下略） </select> とありますが、この(＾＾)部分をHTMLタグの <font color=" ">や<hr>に変更したいのです。 可能でしょうか？

    • ベストアンサー
    • CGI
  • <SELECT>タグでの selectを→間違い

    <SELECT>タグでの selectを初めに表示させたいのですが、 できますでしょうか。 先の質問、文を間違えました、すいません。 訂正します。 ｃが選択状態で、何も表示されず、 以下のｂを選べば、２が表示されますが、 何も選んでいないとき、ｃを選択した状態で、 ３を表示させておきたいのですが 可能でしょうか。 onloadで、読みだす方法とかで可能なのでしょうか。 よろしくおねがいいたします。 <p> <form name="test"> <select name="linkselect" onChange="n()"> <option value="">選択して下さい</option> <option value="1">a</option> <option value="2">b</option> <option value="3"selected>c</option> </select> </form> </p>

  • ＜ｓｅｌｅｃｔ＞ ｓｅｌｅｃｔｅｄについて

    ある動的検索結果用ページから下記のファイルが、読み込まれその結果ページ上部に、 地域で絞り込むセレクトプルダウンが表示されます。 その結果ページのセレクトプルダウンの地域を再度選択しまして、結果が返された時に、 選択した地域名をセレクトプルダウンに表示させたいのですが、上手く動かず地域で絞るが 毎回表示されます。 ＜サンプル＞ <script type="text/javascript"><!-- function navi(value){ navi_option = document.getElementById("cityId").getElementsByTagName('option'); for(i = 0; i < navi_option.length; i++){ if(navi_option[i].value == value){ navi_option[i].selected = true; document.searchForm.cityId.options[i].selected= true; break; } } } // --></script> <select name="cityId" id="cityId" onClick="navi(value);"> <option value="0" >- 地域で絞る -</option> <option value="169">池袋東口</option> <option value="170">池袋西口</option> <option value="85" >大塚・巣鴨</option> <option value="131">赤羽</option> <option value="164">田端・王子</option> ・ ・ ・ ・ ・ </select> －略－ ｊａｖａｓｃｒｉｐｔの部分をどのように実装すれば良いでしょうか？ ｊａｖａｓｃｒｉｐｔは、初心者なので、ご教授願えれば幸いです。 宜しくお願い致します。

  • セレクトボックスのselected属性の値について

    プログラミング初心者です。 セレクトボックスのselected属性で、<option selected>か、<option selected="selected">で選択済みになりますが、<option selected="???">の???に入る値は「selected」しかないのでしょうか？ 例えば、<option selected="false">みたいな感じで、selected属性を書いておいて選択済みにしないということはできないでしょうか。 回答よろしくお願いします。

    • ベストアンサー
    • HTML
  • javascriptでセレクトボックスを動的に

    javascriptでセレクトボックスの"selected"を動的に変更する方法を教えてください＞＜ 下記のselectedを"１０"から"５０"に変更したいのですが、 某ASPサービスの環境下での作業のため制約があり直接変更できません。 <body onload="event"> <select name="select"> <option value="10" selected="selected">10件</option> <option value="30">30件</option> <option value="50">50件</option> </select> そこで、JavaScriptで何とかしようと思うのですが、 <select>～ </select>の間（selectタグ含む）は、ASPサービスの制約でIDやclassを入れることもできず、 変更できるのは、body開始タグ部分、headerタグ内、body内（一部）です。 ページを読み込んだ際に、「５０件を選択」、「１０件からselected外す」状態にしたいです。 いろいろサイトを見てなんとなくできそうな気はするのですが、 スキル的に初心者レベルのため、わかりませんでした。 何卒よろしくお願いします！

  • HTMLセレクトメニューの選択状態変更

    Javascriptで、HTMLの選択状態を変更するにはどうしたらよいか、お分かりになる方がいましたら教えていただければと思います。 下記の例でいくと、AからBにページを更新せずに変更（表示も）したいのです。 <select> <option value="1" selected>A</option> <option value="2">B</option> </select>

  • SELECTでOPTION多数の場合のselectedされたOPTION項目表示

    あるフォームのなかでselectで選択し、submitしたデータを再度同一フォームで編集できるような画面を作っています。 selectのOPTIONの数が１００ほどあり、selectの表示サイズをレイアウト上10に設定しています。 選択されたデータをDBから読み、そのOPTIONをselectedとしているのですが、 そのOPTIONが例えば上から８０番目などにあると、 すでに何か選択されているのか、あるいは何も選択されていなかったのか、いちいちスクロールして確かめないとわかりません。 このような場合に、選択されている項目のOPTION selectedがselectの表示エリアの中にあらかじめ表示されるようにするにはどのようにしたら良いのでしょうか？ よろしくお願いします。

  • セレクトボックスの初期選択状態(SELECTED)を動的にしたいのですが

    モーダル内に表示させるセレクトボックスで、毎回モーダル起動時ごとに、 セレクトボックス内の初期選択状態を変えたいと思っています。 １回目のモーダル起動時には本日の日付をSELECTEDにし、２回目以降は 前回のモーダル起動時に選択した値をSELECTEDにしたいと思っております。 いろいろな方法があると思うのですが(てっとりばやく、フラグを持たせる とか、クッキーを使うとか・・・)、正しく実行されず、困っています。 どなたか、よいアドバイスをください。お願いいたします。

  • javascriptでセレクトボックスの"selected"を動的につ

    javascriptでセレクトボックスの"selected"を動的につける方法について質問させてください。 現在、以下のようなフォームを作成しました。 <select name='year'> <option value='2010'>2010</option> <option value='2011'>2011</option> </select>年 <select name='month'> <option value='1'>1</option> <option value='2'>2</option> <option value='3'>3</option> <option value='4'>4</option> <option value='5'>5</option> <option value='6'>6</option> <option value='7'>7</option> <option value='8'>8</option> <option value='9'>9</option> <option value='10'>10</option> <option value='11'>11</option> <option value='12'>12</option> </select>月 <select name='day'> <option value='1'>1</option> <option value='2'>2</option> <option value='3'>3</option> <option value='4'>4</option> <option value='5'>5</option> <option value='6'>6</option> <option value='7'>7</option> <option value='8'>8</option> <option value='9'>9</option> <option value='10'>10</option> <option value='11'>11</option> <option value='12'>12</option> <option value='13'>13</option> <option value='14'>14</option> <option value='15'>15</option> <option value='16'>16</option> <option value='17'>17</option> <option value='18'>18</option> <option value='19'>19</option> <option value='20'>20</option> <option value='21'>21</option> <option value='22'>22</option> <option value='23'>23</option> <option value='24'>24</option> <option value='25'>25</option> <option value='26'>26</option> <option value='27'>27</option> <option value='28'>28</option> <option value='29'>29</option> <option value='30'>30</option> <option value='31'>31</option> </select>日 このセレクトボックスに、例えば今日の日付"2010年9月30日"だったら、それぞれの年、月、日の<option>に"selected"をつけたいのですが、javascriptではどのようにして実現したら良いのでしょうか？ よろしくお願いします。

  • 修正画面の「select」で指定のものに「selected」を付ける

    CGIを改造中です。 今、修正フォーム部分を色々と触っているのですが、ちょっと知恵を貸してください。 <SELECT>でドロップダウンリストを使っています。 このオプションの数が90くらいあります。 オプションは <SELECT name="genre"> <OPTION value="11">項目1</OPTION> ～～ と言う形です。 で、修正画面なので、$genreに入っているものに「selected」をつける必要があります。 私の少ない知識だとすべてのオプションに対して、例えば11の場合… if($genre == 11){ print "<OPTION value="11" selected>項目1</OPTION>\n"; }else{ print "<OPTION value="11">項目1</OPTION>\n"; } とする方法しか浮かびません。 しかし、これを90個分も並べるのは面倒ですし、ソースも長くなってしまいます。 どうにかしてこれを簡素化することは出来ないでしょうか? 方法があればお願いします。

    • ベストアンサー
    • Perl

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する