0

同じ機能を持つべきアクションがたくさんあります

<ul>
    <li>
        <select id="s1">
            <option>Name</option>
            <option>Year</option>
        </select>
    </li>
    <li>
        <select id="s2">
            <option>Day</option>
            <option>Month</option>
        </select>
    </li>
</ul>

そして、そのセレクターに対するjQueryの呼び出しは

$(document).ready(function(){
    $("#s1").on('change',function(){
        var value = $("#s1").val();
        alert(value);
    });
    $("#s2").on('change',function(){
        var value = $("#s2").val();
        alert(value);
    });
});

呼び出しを見てください、それらは同じです、どうすればそれらを1つの呼び出しとして行うことができますか？ コード

4

5 に答える 5

3

これを試して：

$("#s1, #s2").on('change', function() {
    var value = this.value; // use native code where possible
    alert(value);
})
于 2012-05-21T14:56:47.187 に答える
2

あなたが持っているものについては、以下のように書くことができます、

$("#s1m, #s2").on('change',function(){
    var value = $(this).val(); //Note using this
    alert(value);
});
于 2012-05-21T14:56:00.667 に答える
2

これは機能するはずです：

$(function() {
    $("#s1, #s2").on("change", function() {
        var value = $(this).val();
        alert(value);
    });
});

this現在関係するオブジェクトを取得するために使用します。

于 2012-05-21T14:56:42.017 に答える
2

これを試してください->

$(document).ready(function(){
$("#s1, #s2").on('change',function(){
        var value = $(this).val();
        alert(value);
    });
});
于 2012-05-21T14:56:51.563 に答える
1

これは役立つはずです

$("#s1, #s2").on('change',function(){
    var value = $(this).val();
    alert(value);
});

'#s1'が関数を起動する場合$(this)、selectタグを参照する'#s1'ため、ステートメントvar value = $(this).val()はuにselectから選択されたオプションを提供します'#s1'

選択についても同じことが'#s2' これを参照してください

于 2012-05-21T15:05:29.460 に答える