Question

我需要一些帮助，为一个按钮分配两个非常不同的功能。以下代码显示了一个“导出”按钮，该按钮从leaflet.Draw映射中导出.kml文件，“submit”按钮打开一个用于显示联系人表单的模式：

的index.html

<a href='#' id='export'>Export Feature</a>    

<button onclick="document.getElementById('id01').style.display='block'">Submit</button>

<!-- The Modal -->
<div id="id01" class="modal">
<span onclick="document.getElementById('id01').style.display='none'" 
class="close" title="Close Modal">&times;</span>
   <div class="form-style" id="contact_form">
....

脚本

document.getElementById('export').onclick = function(e) {
        // Extract GeoJson from featureGroup
        var data = featureGroup.toGeoJSON();
        var kml = tokml(data);
        // Convert to dataURL format
        var convertedData = 'application/vnd.google-earth.kml+xml;charset=utf-8,' + encodeURIComponent(kml);

        // Create export
        document.getElementById('export').setAttribute('href', 'data:' + convertedData);
        document.getElementById('export').setAttribute('download','data.kml');
    } 

....

var modal = document.getElementById('id01');

我想要做的是在导出功能时使用“导出”按钮打开模态。

有什么想法吗？

Answer 1

您应该在提交按钮中添加ID，例如让它为id = submitbtn。然后在你的导出onclick中你应该调用document.getElementById（'submitbtn'）。click（）

Answer 2

我发现以下内容可以解决我的问题：

<a href='#' id='export'>
    <span onclick="document.getElementById('id01').style.display='block'">
        Export Feature
    </span>
</a>

我最初有点困惑，因为导出按钮是一个，我不知道如何使用

两个不同的功能，一个按钮

2 个答案: