将数据填充到TextArea和jquery对话框中

Fill data into TextArea and jquery dialog

本文关键字：jquery 对话框 TextArea 数据 填充      更新时间：2023-11-21

我需要帮助用从查询数据库接收的数据填充文本区域。我有一个包含另一个对话框的对话框（Jquery），在这个对话框中，有一个文本区域。

伪代码：

<MODAL>
   <modalB>
     <TextArea>some data recibed</textarea>
   </modalB>
<MODAL>

当我调用一个打开文本区域的函数时，返回来自数据库的结果（如所愿）。问题是当我关闭并再次打开它时，因为文本区域返回为空。当我第二次这样做时，它再次正常工作（文本区域返回DB数据）。

javascript代码：

function detalleSeguimiento(idSeguimiento) {
  var datos = {'idSeguimiento': idSeguimiento};
  $.get("detalleSeguimientosCargar.php", datos, function(data){
    $("#textAreaDetalleSeguimiento").html(data);
  });
  $('#modalDetalleSeguimiento').dialog({
    width:750,
    minHeight:400,
    modal: true,
    title: 'titulo',
    resizable: false,
  });
}

谢谢！

编辑：感谢CrisC的解决方案！

您只需要等待数据返回，然后再创建对话框：

function detalleSeguimiento(idSeguimiento) {
    var datos = {'idSeguimiento': idSeguimiento};
    $.get("detalleSeguimientosCargar.php", datos, function(data){
        $("#textAreaDetalleSeguimiento").html(data);
        $('#modalDetalleSeguimiento').dialog({width:750,
                                              minHeight:400,
                                              modal: true,
                                              title: 'titulo',
                                              resizable: false});
   });
}

只需将对话框移动到$.get回调中即可。

当数据检索时，使用promise和回调来检索数据。函数将被调用

还有一个选项是创建接收数据的eventlistner，比如数据可用，事件是启动

相关文章：