首页 > 解决方案 > 如何将数据加载到模态中?

问题描述

我正在尝试将数据动态加载到我的模态体中,但似乎无法使其正常工作。

function legend(mb) {
    var url = mb;
    var location = document.getElementById("choice2");
    var gwc  = location.options[location.selectedIndex].value;

    if (gwc == 15)
    {
       title = ['<strong>Geomorphology</strong>'];
       var url = 'http://localhost/geoserver/apib/wms?REQUEST=GetLegendGraphic&VERSION=1.1.0&FORMAT=image/png&WIDTH=20&HEIGHT=25&LAYER=apib:chamapwathi_block_gm&legend_options=fontSize:14';
    }
}

标签: javascriptleaflet

解决方案


考虑到您那里只有 javascript 标签,我正在添加一个基本的 javascript 解决方案。在我的示例中,单击按钮时内容会发生变化,当您从 API 调用中获取数据时,您必须这样做。

我还在模态体中添加了一个 id 属性。

document.getElementById('left-modal-body').innerHTML = 'Hello';

更新示例


推荐阅读