WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:コンボボックス作成について

0:[投稿] ゆか [2004/03/03 13:17 ][環境:IE5、win2000 JAVASCRIPT]

BODY onload時にコンボボックスの内容を設定したいです。
あらかじめ、
var theYear1 = "2004";
var theYear2 = "2005";
のように、変数に入れて、
フォームを開いたときにコンボボックスの内容にセットしたいです。
----
<seclect name="AA">
<option value="2004">2004</option>
<option value="2005">2005</option>
</select>
----
のような結果に表示したいのですがどうすればよいか教えてください
宜しくお願いします


1:[回答] 平野 敬 [MAIL] [URL] [2004/03/03 14:54 ]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">

<html lang="ja">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <meta http-equiv="content-script-type" content="text/javascript">
        <script type="text/javascript"><!--
            var //変数の定義
                theYear1 = '2004',
                theYear2 = '2005';
            function makeForm(){ //DOMによるフォーム内容の生成
                var para, sel, opt1, opt2;
                para = document.createElement('p');
                sel  = document.createElement('select');
                opt1 = document.createElement('option');
                opt2 = document.createElement('option');
                opt1.appendChild(document.createTextNode(theYear1));
                opt2.appendChild(document.createTextNode(theYear2));
                opt1.value = theYear1;
                opt2.value = theYear2;
                sel.appendChild(opt1);
                sel.appendChild(opt2);
                para.appendChild(sel);
                document.getElementById('formA').appendChild(para);
            }
        //--></script>
        <title>テスト</title>
    </head>
    <body onload="makeForm()">
        <form action="." id="formA">
            <noscript>
                <p>(JavaScript無効環境向けのテキスト)</p>
            </noscript>
        </form>
    </body>
</html>


2:[完了] ゆか [2004/03/03 15:04 ]

ありがとうございます!
できました(^^

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World