Javascript 在iFrame中显示纬度和经度标记值
我有一个主HTML文件(index.HTML),我在其中加载一个地图(OpenLayers),每次用户单击地图上的某个地方时,都会添加一个标记,并打开一个模式窗口,其中包含一个iframe(iframe_content.HTML)。这个iframe内容文件有一个包含许多输入字段的表单,我想在相应的输入字段中显示纬度和经度标记值 我是一个JavaScript noob,但目前我已经可以获取这些LonLat值并在JS警报上显示它们,所以我想我只需要弄清楚如何将这些值“发送”到位于另一个文件«iframe_content.html»中的对应输入字段 你能给我一些建议吗?提前谢谢 数控Javascript 在iFrame中显示纬度和经度标记值,javascript,variables,iframe,maps,openlayers,Javascript,Variables,Iframe,Maps,Openlayers,我有一个主HTML文件(index.HTML),我在其中加载一个地图(OpenLayers),每次用户单击地图上的某个地方时,都会添加一个标记,并打开一个模式窗口,其中包含一个iframe(iframe_content.HTML)。这个iframe内容文件有一个包含许多输入字段的表单,我想在相应的输入字段中显示纬度和经度标记值 我是一个JavaScript noob,但目前我已经可以获取这些LonLat值并在JS警报上显示它们,所以我想我只需要弄清楚如何将这些值“发送”到位于另一个文件«ifra
当您加载模式时,您可能会遇到如下情况:
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'];
或使用ID:
lat_field.value = coordinate['latitude'];
lon_field.value = coordinate['longitude'];
映射和模式窗口在index.html(红色选择)内加载,iFrame在模式窗口内加载,嵌入名为“iFrame_content.html”的文件(蓝色选择)。我想用id marker_lat和marker_lon显示每个输入字段内的Lonlat坐标。