2012-03-25 66 views
1

我在尋找一種可能性,用一個按鈕代替低輸入文本字段:<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.'); 
     } 
    } 
?> 
+0

在什麼情況下你要替換一個按鈕上的文本輸入? – Maurice 2012-03-25 13:26:31

+0

我只是想用按鈕替換文本輸入字段。 – 2012-03-25 13:28:12

回答

0

id元素添加到你的按鈕,像這樣(我刪除了onclick =「」代碼)

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

然後用一些簡單的jQuery:

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

我使用了建議的代碼,但它似乎不起作用。表單已提交,但php代碼不受影響! – 2012-03-25 13:38:20

+0

啊,對不起,我誤解了你的問題。我以爲你試圖用一種不同類型的可點擊按鈕來替換提交按鈕,如圖像。 如果我現在瞭解你,你想有一個文本字段,但是當用戶提交表單時,你想要將該文本字段改爲一個按鈕元素而不是文本字段? – iandouglas 2012-03-25 13:48:54

+0

不,我只是想要一個按鈕,當它被點擊時調用php的搜索功能。 – 2012-03-25 13:50:41