htmlボタンを使用して検索値を投稿する

Question

低入力テキストフィールドを、<input type="button" class="button" name="search" value="Urban" onclick="">のようなボタンで置き換える可能性を探しています。

HTMLコードは：

<?php if(isset($_POST['search']) && !empty($_POST['search'])) 
    { 
     include('searchfunction.php'); 

     if(count($data) > 0) 
     { 
?> 
        <script type="text/javascript"> 
        $(document).ready(function(){ 

        var description = ''; 
        var myPlaylist = [ 
<?php 
         echo(implode(',', $data)); 
?> 
      ]; 

        $('#main').ttwMusicPlayer(myPlaylist, { 
        autoPlay:false, 
        description:description, } 
        ); 

        }); 
        </script> 
<?php 
     } 
     else 
     { 
      echo ('No sounds found.'); 
     } 
    } 
?> 

Answer 1

がにid要素を追加します。

PHPコード：

<form method="post" action="search.php" id="search_form"> 
    <input type="text" name="search" value="<?php echo $_POST['search']; ?>" class="search_sounds"/> 
    <input type="submit" value="" class="submit" /> 
</form> 

全体のスクリプトは、データベースの音を探索することになっていますあなたのボタン、このように（私はonclick = ""コードを削除しました）

<input type="button" class="button" name="search" value="Urban" id="search_button">

は、その後、いくつかの簡単なjQueryのを使用します。どのようなイベントで

$('#search_button').click(function() { 
    $('#search_form').submit(); 
});