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ではどのようにして実現したら良いのでしょうか?
よろしくお願いします。
No.3ベストアンサー
- 回答日時:
こんな感じで・・・
<script>
window.onload=function(){
var f=document.getElementById("f0");
var ymd=new Date();
checkSelect(f.elements["year"],ymd.getFullYear());
checkSelect(f.elements["month"],ymd.getMonth() +1);
checkSelect(f.elements["day"],ymd.getDate());
}
function checkSelect(obj,val){
for(var i=0;i<obj.length;i++){
if(obj[i].value==val){
obj[i].selected=true;
break;
}
}
}
</script>
<form id="f0">
<div>
<select name='year'>
<option value='2009'>2009</option>
<option value='2010'>2010</option>
<option value='2011'>2011</option>
</select>年
<select name='month'>
<option value='8'>8</option>
<option value='9'>9</option>
<option value='10'>10</option>
</select>月
<select name='day'>
<option value='29'>29</option>
<option value='30'>30</option>
<option value='31'>31</option>
</select>日
</div>
</form>
No.2
- 回答日時:
optionのselectedにtrueを設定すれば選択状態になります。
たとえば、
<script type="text/javascript">
window.onload = function() {
var today = new Date();
var year = today.getYear();
var month = today.getMonth();
var day = today.getDate();
selectOption(document.フォーム名.year, year);
selectOption(document.フォーム名.month, month+1);
selectOption(document.フォーム名.day, day);
};
function selectOption(obj, value) {
for (var i = 0, len = obj.length; i < len; i++) {
if (obj[i].value == value) {
obj[i].selected = true;
return;
}
}
}
</script>
とか。
No.1
- 回答日時:
<script type="text/javascript">
<!--
window.onload = function(){
var today = new Date();
var year = today.getFullYear();
var month = today.getMonth()+1;
var day = today.getDate();
var options=document.getElementsByTagName("option");
for(var i=0;i<options.length;i++){
if(options[i].text==year)
options[i].selected="selected";
if(options[i].text==month)
options[i].selected="selected";
if(options[i].text==day)
options[i].selected="selected";
}
}
// -->
</script>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
このQ&Aを見た人はこんなQ&Aも見ています
-
ゆるやかでぃべーと タイムマシンを破壊すべきか。
これはディベートの論題だと仮定したうえでの回答お願いします。あなたは、その末にタイムマシンを壊してしまうのか、使い道を探すのかどうかを考えてもらいたいです。
-
フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
あなたが普段思っている「これまだ誰も言ってなかったけど共感されるだろうな」というあるあるを教えてください
-
映画のエンドロール観る派?観ない派?
映画が終わった後、すぐに席を立って帰る方もちらほら見かけます。皆さんはエンドロールの最後まで観ていきますか?
-
海外旅行から帰ってきたら、まず何を食べる?
帰国して1番食べたくなるもの、食べたくなるだろうなと思うもの、皆さんはありますか?
-
天使と悪魔選手権
悪魔がこんなささやきをしていたら、天使のあなたはなんと言って止めますか?
-
リクエストに応じたselectedの初期値設定方法
Java
-
servletからjspへオブジェクトの配列情報を送る方法
Java
-
htmlでテーブル内にテキストボックスを作りたいのですが・・・
HTML・CSS
-
-
4
セレクトボックスのselected属性の値について
HTML・CSS
-
5
Selectの中身をfor文で入れる
JavaScript
-
6
フォーム上で押されたボタンによってサーブレットの処理を変えたい
Java
-
7
JSPで<SELECT>の中にDBから持ってきたデータを反映させたい
Java
-
8
レコード件数の表示
Java
-
9
JavaScript window.openで開く際、そのwindowの背景色を指定したい
JavaScript
-
10
DBを10件毎に表示ページング処理方法
Java
-
11
プルダウンで選択すると、DBの値を取得したい
JavaScript
-
12
Java-jspの画面入力値保持について
Java
-
13
Javascriptの値をJava(JSP)へ渡す方法
Java
-
14
GROUP BYを行った後に結合したい。
Oracle
-
15
範囲外の数値を代入したらエラーを出して止まるようにしたい
Java
-
16
JSPでのリストボックス表示
Java
-
17
<a href=#" …>の意味を教えてください。"
HTML・CSS
-
18
tableタグとformタグの組み合わせ
HTML・CSS
-
19
どういう意味
その他(ソフトウェア)
-
20
単一グループのグループ関数ではありません。
Oracle
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
連動プルダウンのclonenode
-
複数のプルダウンを1つにまとめ...
-
プルダウン選択を変更すると、...
-
スマホのフォームでのselect複...
-
<input>の選択肢をプルダウンメ...
-
selectを変更不可にしたい
-
2段階連動セレクトボックスでの...
-
option 選択による表示&非表示
-
javascriptでセレクトボックス...
-
ボタンを押したらラジオボタン...
-
selectボックスの選択結果を変...
-
セレクトボックスで警告
-
プルダウンの値によって活性・...
-
【JavaScript】プルダウンで数...
-
セレクトボックスで、最後にク...
-
JavaScript プルダウンメニュ...
-
セレクトボックスを2つ選択して...
-
データベースからのarray を j...
-
プルダウンの値をphpファイルへ...
-
VBScriptでHTMLのセレクトボッ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
プルダウン選択を変更すると、...
-
<input>の選択肢をプルダウンメ...
-
Selectボックスの一覧表示方法
-
javascriptでセレクトボックス...
-
同じ名前のセレクトがある場合...
-
全てのselect要素をデフォルト...
-
【javascript】連想配列からセ...
-
スマホのフォームでのselect複...
-
selectを変更不可にしたい
-
JavaScriptで<select>の<option...
-
複数のプルダウンを1つにまとめ...
-
プルダウンの値によって活性・...
-
VBScriptでHTMLのセレクトボッ...
-
webページの一部のみの更新につ...
-
selectのすべての値を送信する方法
-
javascript:データを日本語で...
-
プルダウンのoptionの表示・非...
-
リストボックス内の重複したも...
-
select要素のvalueを配列で取得...
-
C#(csファイル)とjavascriptと...
おすすめ情報