0

年間隔を表す 2 つのドロップダウン ボックスがあります。ユーザーは最初の年 (たとえば 2002 年) から年を選択し、次のドロップダウン ボックスには、最初の年 (2002 年以降) と同じかそれ以降の年が自動的に入力されます。私は正しい JavaScript コード (year.js) を持っていると思います。

ここにあります：

$("#first").change(function(){
    var val = $("#first option:selected").html();
    $("#second").html("");
    var d = new Date();
     var n = d.getFullYear();

    for (i=val; i<=n;i++){
        $("#second").append("<option>" + i + "</option>");
    }
});

これが私のHTMLフォームコードの一部です:

<body>
<script src="year.js"></script>

<select id= "first">
// Here, I gather my years from my database 
</select>


<select id= "second">
</select>

これを実行すると、2 番目のドロップダウン メニューで何も起こりません。JQuery など、コードに別のものをロードする必要がありますか? もしそうなら、どうすればいいですか？申し訳ありませんが、私は JQuery にあまり詳しくありません。どんな助けでも大歓迎です。

4

2 に答える 2

2

jQuery libraryはい、jQuery関数を使用するにはロードする必要があります。

jQuery library関数を使用する前にロードする必要があります。

例

<script src="jquery.js"></script> //a local version 
    or
<script src="http://code.jquery.com/jquery-latest.min.js.js"></script>
<script src="year.js"></script>

http://jquery.com/download/から jQuery ライブラリをダウンロードします。

http://jsfiddle.net/YNuna/1/に関する OP のコメントの後に更新

あなたはフィドルでロードしました。下の画像でjQuery libraryそれをマークしました。red color

ここに画像の説明を入力

また、コードをラップします$(document).ready(function ()

$(document).ready(function () {
    $("#first").change(function () {
        var val = $("#first option:selected").html();
        $("#second").html("");
        var d = new Date();
        var n = d.getFullYear();

        for (i = val; i <= n; i++) {
            $("#second").append("<option>" + i + "</option>");
        }
    });
});
于 2013-10-08T01:37:59.137 に答える
0

どこからでも JavaScript コードをコピー アンド ペーストしているときに$兆候が見られる場合は、経験則として jQuery を使用していると言えます。

ページに追加するには、こちらを参照してください: http://learn.jquery.com/about-jquery/how-jquery-works/

于 2013-10-08T01:50:26.427 に答える