0

我正在动态创建一个表格，表格中的单元格是图像，每个图像都有价值。单击图库中的 img 后，它将图像发送/复制到另一个表格单元格，并将值发送到 INPUT。我正在检查这个输入的变化，我可以看到每次点击值都在变化但.change()没有运行之后，应该是什么问题。

$(document).ready(function() {
    var most;
    var clickedTableCellAll;

    var korpusMaterialNeed = 0;
    $("#korpusChoose").on('click', '#TableKorpusGaleria tbody td', function() {
        var clickedTableCell = $(this).text();
        var clickedTableCellAll = $(this).html();
        most = $.inArray(clickedTableCell, korpusArray);
        clickedId = helperArray[most].id;
        $("#helper_input_01").val(clickedId);
        $("#helper_input_02").val(most);
        cellClick(most, helperArray);

        var setKorpusArray = $('#createTableKorpus > tbody > tr').map(function() {
            return $(this).children().map(function() {
                return $(this);
            });
        });
        setSelectedCell = $("#helper_input_03").val();
        var countSection = $('#createTableKorpus > tbody > tr > td').length;
        var korpusId = most;
        setKorpusArray[1][setSelectedCell].html(clickedTableCellAll);
        console.log('===============================');

        korpusMaterialNeed = (clickedKorpus(korpusId)) / 10000;
        $("#priestor_mat_0" + (setSelectedCell)).val(korpusMaterialNeed);
        console.log('input: ' + $("#priestor_mat_0" + (setSelectedCell)).val());


    });

    function cellClick(most, helperArray) {
        var korpusId = most;
        clickedKorpus(korpusId);
    }

    function clickedKorpus(korpusId) {
        var currentKorpusCount = helperArray[korpusId].metadesc;
        var currentKorpusPlus = helperArray[korpusId].metakey;

        var sirka = $("#param_sirka").val();
        var widthValues = calcWidthInterval(sirka);
        var ddlText = $("#pocet_priestorov option:selected").text();


        var widthSect = 0;



        var newestOptions = calcSectionWidth(widthValues, sirka);
        var currentKorpMaterial = 0;
        var currentKorpusMaterial = 0;

        $.each(newestOptions, function(i, value) {
            if (value.all == ddlText) {
                widthSect = value.val;
                currentKorpusMaterial = ($("#param_hlbka").val() * widthSect) * currentKorpusCount;

                //          return currentKorpusMaterial;
            }
            else {
                console.log('clickedKorpus >>> ERROR');
            }
            //  var currentKorpMaterial = currentKorpusMaterial;
            console.log('currentKorpusMaterial' + currentKorpusMaterial);
            return currentKorpusMaterial;

        });
        console.log('korpusId >>> clickedKorpus >>>' + korpusId);



        var currentKorpMaterial = currentKorpusMaterial;
        console.log('currentKorpMaterial' + currentKorpMaterial);

        return currentKorpMaterial;
    }


    $('#userForm').on('change', '#priestor_mat_01', function() {

        alert('hi');
    });

    $("input#priestor_mat_01").change(function() {

        alert('hi');
    });

});
4

4 回答 4

2

以编程方式更新输入的值（例如使用.val()函数）不会触发change函数。您还需要使用以下函数以编程方式触发该.trigger()函数：

$("#priestor_mat_0" + (setSelectedCell)).val(korpusMaterialNeed).trigger('change');
于 2012-10-05T08:58:03.527 回答
1

当您以编程方式更改值时，它不会触发change事件，change()像这样更改值后调用

$('input').val(NEW_VAL).change()
于 2012-10-05T08:58:43.783 回答
0

插入后调用事件处理程序：

$('#someinput').change();
于 2012-10-05T08:59:55.413 回答
0

在这种情况下，必须触发事件更改。.val()不会触发更改事件。像这样链接它.change()-

   $('input').val("value").change();

这将触发绑定到输入的更改事件处理程序。

于 2012-10-05T09:04:41.277 回答