javascript - 无法访问值标签以在 jquery 、 mysql 、 php 中显示数据

Question

下面的代码是jquery代码:

   $(document).ready(function(){
    $("#srchtxt").keyup(function(){
        var addresshome = $("#srchtxt").val();
        $.post("adrespath",{address:addresshome},function(res){
         var json = JSON.parse(res);
            var lenths = json.length;
            for(var i = 0;i <= lenths;i++)
                {

            var city = json[0];
            var state = json[1];
                    var optionli = "<li id='item'><a href='#' value='"+res+"'>"+city+"-"+state+"</a></li>";
            $(".resultsearch .ul").append(optionli);
            }
        });
    });
    $(".ul li#item a").each(function(){
        $(this).click(function(e){
            e.preventDefault();
            var index_address,address;
            index_address = $(this).parent().index();
            alert(index_address);
            address = $(this).eq(index_address).attr("value");
            $("#srchtxt").attr("value",address);
        });
    });
    $("#srchbtn").click(function(){
        alert($("#srchtxt").val());
    });
});

下面的代码是html代码:

    <input type="search" name="srchtxt" id="srchtxt"/>
<div class="resultsearch">
        <ul class="ul">  
        </ul>
        </div>
    <a href="#" id="srchbtn"></a>

下面的代码是php代码:

<?php
    $address = $_POST['address'];
    $querysrch = "select city,state,bolv from tbl where city like '%".$address."%' or state like '%".$address."%' or bolv like '%".$address."%'";
    $ressrch = mysqli_query($cnt,"SET NAMES 'utf8'");
    $ressrch = mysqli_query($cnt,"SET CHARACTER 'utf8'");
    $ressrch = mysqli_query($cnt,"SET character_set_connection = utf8");
    $ressrch = mysqli_query($cnt,$querysrch);
    $arry = array();
    if(mysqli_num_rows($ressrch) > 0){
        while($row = mysqli_fetch_assoc($ressrch)){
            $addressres = $row['city']."-".$row['state']."-".$row['bolv'];
            $arry[] = $row['city'];
            $arry[] = $row['state'];
        }
    }
    else
    { 
        $arry .= "<li id='item'><a href='#' value='not found'>notfound</a></li>";
    }
    echo json_encode($arry);
    ?>

我希望当 keyup 字符显示结果时，当我选择 li 标签时，在 jquery 中向我显示值标签，请帮助我

Answer 1

我认为你的代码也可以正常工作，但是你忘记在 anchor 标记上添加 id，同时将其附加到 ul 上。如果你附加一个以上的 anchor 标记，那么你应该使用 class，因为不能有两个具有相同 id 的 anchor 标记，这会产生冲突。或者您可以在 anchor 标记上使用 onclick 属性

像这样附加你的 anchor 标记

var optionli = "<li id='item'><a href='#' value='"+res+"' onclick='show_value()'>"+city+"-"+state+"</a></li>";

和js函数

function show_value(){
     alert($("#srchtxt").val());
}