更改来自其他页面的输入值

时间:2013-04-23 15:57:46

标签: php jquery google-maps google-maps-api-3

在页面中有表单,谷歌地图在其他页面的coloorbox中打开 我希望当地图中的移动拖动按钮以其他页面形式更改值时

表单页面:form.php

    <form action="ajax-trades/submit-edit.php"  method="POST">
<div id="address"></div>
                <input type="hidden" name="target" id="target" value="<?php echo $row['gmap']; ?>">
<input type="submit" onclick="window.scrollTo(0, 200);" value="submit" class="button"  />

</form>

这是在其他页面中加载Google地图的问题:

    <script type="text/javascript">
$(function(){
function objToString (obj) {
            var str = '';
            for (var p in obj) {
                if (obj.hasOwnProperty(p)) {
                    str += obj[p] + ',' ;
                }
            }
            return str;
}
$("#test").gmap3({
  marker:{
    latLng: [35.712926551232044, 51.40896647885131,],
    options:{
      draggable:true
    },
    events:{
      dragend: function(marker){
        var position = (marker.getPosition());
        //$("#map").html(position[2]);
        //var stingposition = objToString (position);
        $("#address").html('<input type="hidden" name="map" value="' + position.toString() + '" />');

        $(this).gmap3({
          getaddress:{
            latLng:marker.getPosition(),
            callback:function(results){
              var map = $(this).gmap3("get"),
                infowindow = $(this).gmap3({get:"infowindow"}),
                content = results && results[1] ? results && results[1].formatted_address : "no address";
              if (infowindow){
                infowindow.open(map, marker);
                infowindow.setContent(content);
              } else {
                $(this).gmap3({
                  infowindow:{
                    anchor:marker,
                    options:{content: content}
                  }
                });
              }
            }
          }
        });
      }    
    }
  },
  map:{
    options:{
      zoom: 14
    }
  }
});
});
</script> 

这条线很重要但不起作用!

        $("#address").html('<input type="hidden" name="map" value="' + position.toString() + '" />');

1 个答案:

答案 0 :(得分:0)

尝试使用它:

$("#address", window.top.document).html('<input type="hidden" name="map" value="' + position.toString() + '" />');

window.top 表示您将在“根”页面上搜索 #address 元素。