2017-07-18 73 views
0

我想改變名單上的人名單。我將通過表格單元格上的動態下拉列表來更改它。在此代碼中,我無法從建議框中將名稱找到搜索框。我從下拉菜單中選取名稱,但名稱選擇不會出現在搜索框中, 任何知道爲什麼的人?Dropdowning與jQuery和PHP

<td title="Name of workers"> 

      <script>    
      $(document).ready(function(){ 
      $("#search-box").keyup(function(){ 
       $.ajax({ 
       type: "POST", 
       url: "getpersonallist.php", 
       data:'keyword='+$(this).val(), 

       success: function(data){ 
        $("#dropdown-box").show(); 
        $("#dropdown-box").html(data); 
        $("#search-box").css("background","#FFF"); 
       } 
       }); 
      }); 
     }); 

//我知道下面這個JQ部分有些問題。

 function selectname(val) { 
     $("#search-box").val(val); 
     $("#dropdown-box").hide(); 
     } 
      </script> 

<input style="cursor: pointer; hover{background: yellow}" onclick="makeElementEditable(this)" 
onblur="updatePersonal(this,'<?php echo $rs['id'] ?>')" type="text" 
id="search-box" 
value="<?php echo $rs['personal'] ?>"/> 

<div id="dropdown-box"></div> 

     </td> 

更多代碼(getpersonallist.php):

<?php 
require_once("dbcontroller.php"); 
$db_handle = new DBController(); 
if(!empty($_POST["keyword"])) { 
$query ="SELECT * FROM personal WHERE personal like '%" . $_POST["keyword"] . "%' ORDER BY personal LIMIT 0,6"; 
$result = $db_handle->runQuery($query); 
if(!empty($result)) { 
?> 
<ul id="selectname"> 
<?php 
foreach($result as $name) { 
?> 
<li onClick="selectname('<?php echo $name["personal"]; ?>');"><?php echo $name["personal"]; ?></li> 
<?php } ?> 
</ul> 
<?php } } ?> 
+1

也發佈您的服務器端代碼。 – jagad89

+0

你能幫我嗎? –

回答

1

我不知道,如果你所做的任何錯誤,但你的函數selectName()不會被調用,這可能是一個問題。我不確定你想在哪裏調用它,但要確保它在適當的位置被調用。

+0

看看我的最後一個代碼。有它叫。問題是當我在我的表上使用mysql數據庫時,下拉菜單不起作用。它只適用於第一行。 –