0

我有一个列表框和列表框旁边的按钮。我正在尝试对选定的列表框项目进行页面更改。因此，选择了一个项目，然后按下按钮，这会更改页面并将项目传递到搜索页面。

目前，当我按下列表框中的按钮时，它会更改页面。它不会等你按下按钮。提供的 HTML 在这里

  <div style="margin:auto">
<h3 style="text-align:center">
 Or Search By Home Town: 
 <select id="myTown">
 <?php 
   include("scripts/dbconnect.php"); 
   include("scripts/lists.php"); 
 ?>
 </select>
 <input type="button" value="Search" />
</h3>

我的选择器在这里：

      $('#myTown option').click(getTown);
function getTown(){
 var town=$(this).val();
 window.location='searchresults.php?querystring='+town+'&querydesc=Town= &querytype=4';}

我认为“这个”应该改为按钮或类似的东西。

或者需要更改选择器“选项”。如果有人可以提供帮助，那就太好了。谢谢。

4

2 回答 2

3

为什么不为按钮分配一个事件处理程序：

$('#button1').click(function() { getTown(); });

<input id="button1" type="button" value="Search" />

然后摆脱选项标签的事件处理程序

更新（如果你不能改变 html）：

$('#myTown').parent().find('input').click(function() { getTown(); });
于 2012-11-04T15:06:21.877 回答
0

使用选择框更改事件。每次更改选项时都会触发更改。

 <input type="button" id="btn" value="Search" />


 $('#btn').click(getTown);
function getTown(){
 var town=$("#myTown").val();
 window.location='searchresults.php?querystring='+town+'&querydesc=Town= &querytype=4';}
于 2012-11-04T15:08:42.563 回答