Как мы можем динамически изменять содержимое таблицы HTML, используя JavaScript через модальный диалог?

Question

Как мы можем динамически изменять содержимое таблицы HTML, используя JavaScript через модальный диалог?

0

Как я могу изменить значение таблицы в динамическом режиме с помощью модального диалога jquery. Я создал таблицу с помощью javascript. Здесь я добавил код, который отобразит значение ячейки таблицы через диалог. В этом коде он отображает значение ячейки таблицы в текстовом поле, и я могу его изменить, но я не могу его сохранить.

$(function () {

    $(function(){
    $("#inttbl td").click(function(){
    var selectValue;
    selectValue = $(this).html();
    $("#select_cell_display_div").html("Edit The Value<br><br><input type='text' id='namefield' value='"+selectValue+"'>");
    $( "#dialog-modal" ).dialog
            ({
            height: 240,
            modal: true,
              buttons: {
                "Save": function(){
                console.log('save clicked');
                    var select= document.getElementById('namefield').value
                    alert(select);
                    }
                }
            });
            });
    });

Код HTML:

<div id="dialog-modal" title="Selected Value">
<span id="select_cell_display_div"></span> 
</div>'

Ganesh 04 апр. 2014, в 16:55

Источник

0

Почему $(function(){ 2 раза?
Dhaval Marthak 04 апр. 2014, в 14:42

Теги:

javascript

jquery

html

1 ответ

Ещё вопросы

pete · Accepted Answer · 2014-04-04T12-12-00.000Z

Один из способов - кэшировать ваш первоначальный поиск DOM ячейки, на которую было нажата кнопка, чтобы вы могли установить значение ячейки:

$(function () {
    $("#inttbl td").click(function (e) {
        var cell = $(this), // cache lookup
            selectValue = cell.html();
        $("#select_cell_display_div").html("Edit The Value<br><br><input type='text' id='namefield' value='" + selectValue + "'>");
        $("#dialog-modal").dialog({
            height: 240,
            modal: true,
            buttons: {
                "Save": function () {
                    console.log('save clicked');
                    var select = document.getElementById('namefield').value
                    alert(select);
                    cell.html(select); // use cached lookup to set the cell value
                }
            }
        });
    });
});