时间戳

首页 > 解决方案 > 在javascript中将li内容附加到表单输入值中

javascript - 在javascript中将li内容附加到表单输入值中

问题描述

我有一个从数据库中<li>搜索的值。form input结果echo以li. 我希望这样当我点击一个特定li的内容时，li appends进入form input value. 以下是我尝试过的代码。

JavaScript

//calls php script as user searches
function searchd() {
var searchTxt = $("input[name='deptfrom']").val();

$.post("deptsearch.php", {searchVal: searchTxt}, function (echo) {
    $('.airSearch ul').html(echo);
});
}

//supposed to append the echoed php results into the <input value="">
$('.airSearch ul li').click(function() {
    $('#deptform').value.append($('.airSearch ul li').innerHTML);
});

点击时将搜索结果输入表单输入值有什么问题？我的代码显然有问题。请任何帮助都可以。

标签： javascriptjqueryhtml

解决方案

问题

我不能自信地说出你的代码中的错误是什么，因为我没有关于jQuery. 但是，我可以为您提供另一种方法，以便您可以执行此操作。

我不确定是否JQuery具有value.append您在代码中提供的功能。不过，您可以使用浏览器的控制台来尝试了解异常。

解决方案

试试这个代码

$('.airSearch ul li').click(function(){
 $('#deptform').val($('#deptform').val()+$('.airSearch ul li').innerHTML);
});

如果你使用它会更好$('.airSearch ul li').text();

所以，上面的代码会改变value你想要的。它会将文本附加li到预期的input.

推荐阅读