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

时间:2018-06-10 16:51:36

标签: javascript jquery html

我有一个<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);
});

点击时将搜索结果转换为表单输入值有什么问题?我的代码有明显的错误。请任何帮助。

1 个答案:

答案 0 :(得分:0)

问题

我无法自信地说出你的代码中的错误是什么,因为我没有巨大的&amp;关于jQuery的机密知识。但是,我可以给你另一种方式,以便你可以执行这个动作。

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


解决方案

试用此代码

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

如果您使用$('.airSearch ul li').text();

会更好

因此,上面的代码会根据您的需要更改value。它会将li的文字附加到预期的input