在iFrame中显示纬度和经度标记值

Question

我有一个主HTML文件（index.html），我加载了一个Map（OpenLayers），每次用户点击地图上的某个地方时，都会添加一个标记，并且会打开一个模态窗口，里面有一个iframe（iframe_content.html） ）。此iframe内容文件具有包含许多输入字段的表单，并且我想在对应的输入字段中显示纬度和经度标记值。

我是一个JavaScript菜鸟但是目前我已经可以获取那些LonLat值并在JS警报上显示它们，所以我想我只需要弄清楚如何将这些值“发送”到位于相应的输入域在另一个文件«iframe_content.html»。

你可以给我一些关于此的提示吗？提前谢谢！

NC

Answer 1

当您加载模态时，您可以使用以下内容：

var iframe = document.getElementById('iframe_id');
var inner  = iframe.contentDocument || iframe.contentWindow.document;

现在，如果您将字段作为名称数组：

var fields  = inner.getElementsByName('fields[]');

或者通过id获取它们：

var lat_field  = inner.getElementsById('latitude');
var lon_field  = inner.getElementsById('longitude');

现在只需将字段的值设置为您想要的值，即坐标：

fields[0].value = coordinate['latitude'];
fields[1].value = coordinate['longitude'];

或使用ids：

lat_field.value = coordinate['latitude'];
lon_field.value = coordinate['longitude'];