2013-04-24 98 views
-2

我有一個帶有自動完成輸入字段的html表單,打開一個jQuery對話框。 在這個對話框中,我有一個sql搜索,將需要輸入框中的值。 我怎樣才能在對話框屁股變量的輸入?傳遞html輸入值到jquery ui對話框屁變量

<!--autocomplete script --> 
<script> 
    $(function() { 
    $("#searchImage").autocomplete({ 
     source: "search.php", 
     minLength: 1 
     }); 
    }); 
</script> 

<!-- Dialog Script --> 
      <script> $(function(){  
    $('#imageDialog').dialog({ 
     autoOpen: false, 
     bgiframe: true, 
     height: "auto", 
     width: 900, 
     modal: true, 
     position: [ "center" , 150], 
     show: { 
      effect: "clip", 
      duration: 1000 
     }, 
     hide: { 
      effect: "clip", 
      duration: 1000 
     }, 
     buttons: { 
      OK: function() { 
       $(this).dialog("close"); 
      } 
     } 
    }); 

    $('form#imageForm').submit(function(e){ 
    e.preventDefault(); 
    $('#imageDialog').dialog('open'); 
    }); 
    }); 
    </script> 

<!-- Search Box --> 
    <div class="partSearch"> 
    <form id="imageForm" name="imageForm" method="get"> 
    <label for="image"><b>Image: </b></label> 
    <input id="searchImage" name="searchImage" type="text" value="" /> 
    <input type="submit" value="Search" /> 
    </form> 

<!-- Dialog Content --> 
    <div id="imageDialog" title="Image"> 
    <?php 
    <Code to get the Image name from input>; 
    //DB query 
    $query="select image, ssid, to_char(savetime,'DD-MM-YYYY HH24:MI') savetime, path 
      from table 
      where image like upper('%$IMAGE%') 
      order by image asc, savetime desc";  
    ?> 
+0

好嗎?所以你有什麼問題。 – 2013-04-24 15:14:50

+0

你還沒有提出一個問題,@Jérôme! – 2013-04-24 15:16:02

+0

我喜歡找到一種方法來獲得輸入值屁股PHP變量 – 2013-04-24 15:16:30

回答

0

嘗試看看jQuery UI autoComplete和和的,而不是使用PHP直接使用AJAX調用將填充在自動完成插件

<script> 
$(function() { 

    $("#tags").autocomplete({ 
     source: myarray ; // here put your values from ajax call 
    }); 
}); 
</script> 

使用數組,所以你會從輸入獲得的價值與jQuery 。

+0

嗨感謝您的回答,但我不知道阿賈克斯:( 這裏是我的自動完成功能: $(函數(){$ ( 「#searchImage」).autocomplete({ 來源: 「search.php中」 , minLength:1 }); }); – 2013-04-24 15:29:57

0

在你的「search.php」中你執行一個方法,並且在那個方法中,你必須對數據庫進行搜索,並將結果作爲JSON數組發送給ajax調用。

function searchInDB($param) { 

    // php code 

    return json_encode($sql_result_from_search); 
} 


<?php 
    echo json_encode(array("test","test","test")); 
    echo json_encode(array(0=>"test",3=>"test",7=>"test")); 
?> 

Will give : 

["test","test","test"] 
{"0":"test","3":"test","7":"test"} 

您必須詳細瞭解AJAX。看看here