在按钮上更改页面单击非列表框单击Jquery

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

现在，当我按下列表框中的一个按钮时，它会改变页面。它不会等你按下按钮。这里提供了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>

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

---

或者需要更改选择器“选项”。如果有人能帮忙，那就太好了。谢谢。

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

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

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

---

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

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

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

---

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

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

$（'#btn'）。单击（getTown）；
函数getTown（）{
var town=$（“#myTown”）.val（）；
window.location='searchresults.php？querystring='+town+'&querydesc=town=&querytype=4'；}

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

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

$（'#btn'）。单击（getTown）；
函数getTown（）{
var town=$（“#myTown”）.val（）；
window.location='searchresults.php？querystring='+town+'&querydesc=town=&querytype=4'；}

不幸的是，我无法更改HTML，只能更改jquery。这意味着我不能更改按钮的ID。不幸的是，我不能更改HTML，只能更改jquery。这意味着我无法更改按钮的ID。当您按下列表框中的任何项目时，此项仍会更改，我希望您在按下按钮时更改页面。抱歉，我没有完全阅读您的问题。我做改变。这应该会对您有所帮助。当您按下列表框中的任何项目时，此选项仍会更改，我希望您在按下按钮时更改页面。对不起，我没有完全阅读您的问题。我做改变。这应该对你有帮助。