javascript - 从 HTML 选择选项中查询 Google 地图支持的地点的问题

Question

我正在尝试从 HTML 选择选项列表中查询 Google 地图上支持的地点。这是我正在使用的列表。

<select class="selectpicker" class="span2" id="gPlaces">
 <optgroup label="Picnic">
   <option value="accounting">Accounting</option>
   <option value="airport">Airport</option>
   <option value="amusement_park">Amusement Park</option>
 </optgroup>
</select>

我尝试使用以下代码获取选项值：

var e = document.getElementById("gPlaces");
var strPlace = e.options[e.selectedIndex].value;

并使用 findPlaces() 中的“strPlace”将我的查询设置为：

var request = {
                bounds: boxes[searchIndex],
                types: [strPlace]
               };

但无论出于何种原因，它都不起作用。我还使用 jquery .ready() 来获取选择值：

$( document ).ready(function() {
   alert( strPlace );
});

但这就是我得到的：

你能告诉我我做错了什么吗？谢谢

更新：

<script type="text/javascript">
        var map = null;
        var boxpolys = null;
        var directions = null;
        var routeBoxer = null;
        var distance = null; // km
        var service = null;
        var gmarkers = [];
        var infowindow = new google.maps.InfoWindow();
        var e = document.getElementById("gPlaces");
        var strPlace = e.options[e.selectedIndex].value;

Answer 1

尝试 ：

• 表达$(function() {...})结构内的所有内容。
• 将“更改”事件处理程序附加到选择菜单，以便在用户进行选择时执行 Google 地图支持的地点查询。

Javascript：

$(function() {
    ...
    $("#gPlaces").on('change', function() {
        var strPlace = $(this).val();
        alert( strPlace );
        // Use `strPlace` and other vars here to build and execute
        // your Google Maps Supported Places query.
    });
    ...
});