对话框未加载正确的值——JavaScript/Jquery答案

【问题标题】：Dialog box not loading the correct values-- JavaScript/Jquery对话框未加载正确的值——JavaScript/Jquery
【发布时间】：2016-03-22 15:22:22
【问题描述】：

我有一个 div，下面有几个元素，如单选按钮、列表框等。当用户单击一个按钮时，我们将该 div 放在一个对话框中并将其显示为弹出窗口。这里的问题是，当我们为元素设置任何数据时（例如更改值或选中复选框）它没有反映在弹出窗口中。

HTML 代码

<!--dialog -->
<div id="edit">
            <div id="dialog_contents">
            </div>
</div>

<div id="abc123">
lisbox...name="editListBox" id="editListBox"
checkbox..name="editCheckBox"  id="editCheckBox"
</div>

JS 代码

function edit()
{
        $("#editListBox" ).val('3');
        $("#editCheckBox").attr( 'checked', true );
        var data =  $("#abc123" ).html();
        $('#dialog_contents').html(data);
        $(edit).removeClass('hide').dialog('open');
}


    $('#edit').dialog({
            modal: true,
            draggable: true,
            resizable: false,
            autoOpen: false,
            width: 650,
            height: 750,
            cache: false,
            position:'center',
            open: function(event, ui) {

                window.setTimeout(function()
                        { jQuery(document) .unbind('mousedown.dialog-overlay') .unbind('mouseup.dialog-overlay') ; }, 100);
            },
            buttons: {
                "Cancel": function() {

                },
                "Edit": function() {
                    $( this ).dialog( "close" );

                }
            }               
        });

唯一的问题是，我在 js 函数中设置的任何值都不会反映在弹出窗口中。当我打印它们或在主屏幕中显示它们时，它会正确显示它们。

P.S 附上示例代码，语法忽略。

谢谢

【问题讨论】：

标签： javascript jquery html dialog modal-dialog

【解决方案1】：

我发现了问题。就我而言，当我将现有 div 添加到另一个 div 时。我有重复的名称，所以当我尝试使用名称或 ID 为这些字段设置值时，它没有给我元素（可能是因为模棱两可）。

当我从 id 更改为 class 时，问题得到解决，我现在可以找到任何元素并更改其值。

【讨论】：