0

問題があります - 私の jQuery 変更ぼかしイベントは、動的に作成されたリストの最初の要素に対してのみ機能します。どうすればこれを解決できますか?

私が作成した要素 (骨抜きバージョン) は、次の場所にあります: http://jsfiddle.net/kfm5b/2/

jQuery

$('.roomFac').on("change blur", function () {
    var park = $("#park2").val();
    var lecturestyle = $("#lecture_style2").val();
    var roomstructure = $("#room_structure2").val();
    var groupsize = $("#groupSize2").val();
    var facilities = "";
    $('select[name*=roomFac]').each(function () {
        facilities += $(this).val();
        facilities += ",";
    });
    var dataString = 'park=' + park + '&' + 'lecturestyle=' + lecturestyle + '&' +
        'roomstructure=' + roomstructure + '&' + 'groupsize=' + groupsize + '&' +
        'facilities=' + facilities;
    $.ajax({
        type: "POST",
        url: "process_timetableMon2.php",
        data: dataString,
        cache: false,
        success: function (html) {
            $('#mon').html(html);
        }
    });
});

process_timetableMon2.php

$array = explode(",", $_POST["facilities"]);

for($i = 0; $i < count($array); $i++){
    echo $array[$i].'<br>';
}
4

1 に答える 1

0

選択ドロップダウンは動的に追加されるため、委任されたイベント ハンドラーが必要です。

$(document).on('change blur', '.roomFac', function () {
    //Your function here
});
于 2013-02-17T14:52:41.053 に答える