从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.
    });
    ...
});