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 に答える