Question

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

目前，当我按下列表框中的按钮时，它会更改页面。它不等你按下按钮。提供的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';}

我认为“这个”应该改为按钮或沿着那些方向的东西。

或选择器“选项”需要更改。如果有人能帮助那就是伟大的。感谢。

Answer 1

为什么不直接为按钮分配事件处理程序：

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

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

然后删除选项标记

的事件处理程序

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

$('#myTown').parent().find('input').click(function() { getTown(); });

Answer 2

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

 <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';}

按钮上的更改页面单击而不是列表框单击Jquery

2 个答案: