0

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;
4

1 に答える 1

0

試す :

  • $(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.
    });
    ...
});
于 2013-06-28T00:01:34.333 に答える