通过HTML按钮发布搜索值

问题描述：

我在寻找一种可能性，用一个按钮代替低输入文本字段：<input type="button" class="button" name="search" value="Urban" onclick="">。通过HTML按钮发布搜索值

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

在什么情况下你要替换一个按钮上的文本输入？ – Maurice 2012-03-25 13:26:31

我只是想用按钮替换文本输入字段。 – 2012-03-25 13:28:12

答

的id元素添加到你的按钮，像这样（我删除了onclick =“”代码）

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

然后用一些简单的jQuery：

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

我使用了建议的代码，但它似乎不起作用。表单已提交，但php代码不受影响！ – 2012-03-25 13:38:20

啊，对不起，我误解了你的问题。我以为你试图用一种不同类型的可点击按钮来替换提交按钮，如图像。如果我现在了解你，你想有一个文本字段，但是当用户提交表单时，你想要将该文本字段改为一个按钮元素而不是文本字段？ – iandouglas 2012-03-25 13:48:54

不，我只是想要一个按钮，当它被点击时调用php的搜索功能。 – 2012-03-25 13:50:41

通过HTML按钮发布搜索值

相关推荐