javascript - 我想在触发自动完成值的单击事件后立即在两个文本框中填充值。任何人都可以修复它吗？

Question

这是我的代码:

$(document).ready(function() {
    $("#cust_name").on("keyup", function() {
        $("table.testtable").remove();
        if ($(this).val().length > 1) {
            ajaxAutoComplete($(this).val(), $(this));
        }
    });
});

function ajaxAutoComplete(value, Obj) { //alert('1'); $.ajax({ url:"autocomplete.php?val="+value, type:"GET", success:function(data){ //alert("data "+JSON.stringify(data));

    if (JSON.parse(data).length > 0) {
        var htmlString = "<table class='testtable' style='position:absolute;overflow:auto;background:white;'>";
        $.each(JSON.parse(data), function(index, value) {
            htmlString += "<tr><td>" + value + "</td></tr>";
            // alert(index +" "+value);
        });
        htmlString += "</table>";
        $(htmlString).insertAfter(Obj);
    } else {

    }

},
error: function() {
alert("error");
}
});

}
$(document).on('click', 'table.testtable tr td', function(e) {
    $("#cust_name").val($(this).text());
    $("table.testtable").remove();

});

Answer 1

这是吗fiddle做你想做的事？如果您单击下面的“CLICK ON ME”，他会向两个文本框添加一个值。

$('table.testtable tr td').on('click', function(e) {
    $("#cust_name").val($(this).text());
    $("#cust_addresss").val($(this).text());
    $("table.testtable").remove();
});