通过html按钮发布搜索值


Posting search value via html button

我正在寻找一种可能性,用类似<input type="button" class="button" name="search" value="Urban" onclick="">的按钮替换低输入文本字段。

HTML代码:

<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> 

整个脚本应该搜索数据库的声音:

PHP代码:

<?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.');
        }
    }
?>

向按钮添加id元素,如下所示(我删除了onclick="代码)

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

然后使用一些简单的jQuery:

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