1

我已经尽力自己解决这个问题，但无济于事，因为我是 Web 开发的新手。这可能真的很基本，但我真的很感激一些帮助，因为我在这里绕圈子..

我有一个谷歌地图搜索表单（本质上是一个商店定位器），我为搜索结果所做的工作分为两个选项卡；一份清单和一张地图。

我想做的是在搜索表单中按下提交按钮时，让地图选项卡始终是活动选项卡。

这是 HTML 代码：

<ul class="nav nav-tabs" id="myTab">
  <li id="maptab" class="active"><a href="#resmap">Map</a></li>
  <li id="listtab" ><a href="#reslist">List</a></li>
</ul>
<div class="tab-content">
  <div class="tab-pane active" id="resmap">
    <div id="map_canvas"></div>
  </div>
  <div class="tab-pane" id="reslist">
    <div id="results">
      <ul class="res-list" id="list"></ul>
    </div>
  </div>
</div>

所以基本上对于我试图让代码返回的地图项目

div class="tab-pane active"

和

li class="active"

大概我必须在提交按钮上添加一个 onclick 元素？

表单中提交按钮的 html 是

<input type="submit" name="op" id="edit-submit" value="Search" class="btn btn-primary" />
4

1 回答 1

0

在您的情况下，我假设您正在尝试将“活动”类添加到该 li 元素：

var button = document.getElementById('edit-submit');

button.onclick= function() {

    // this adds the 'active' class to the classes that the element already has
    var maptab = document.getElementById('maptab');

    maptab.className = maptab.className + ' active';
};
于 2013-08-25T13:48:21.387 回答