javascript - 使用 jquery 和 php 进行下拉

Question

我正在尝试更改餐 table 列表上的人员姓名。我将通过表格单元格上的动态下拉菜单来更改它。在此代码中，我无法从建议框到搜索框获取名称。我从下拉列表中选择名称，但选择的名称没有出现在搜索框中，谁知道为什么？

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

Answer 1

我不确定您是否犯了任何错误，但是您的函数 selectName() 从未被调用，这可能是一个问题。我也不确定您想在哪里调用它，但请确保在适当的位置调用它。