在javascript中将li内容追加到表单输入值中
我有一个在javascript中将li内容追加到表单输入值中,javascript,jquery,html,Javascript,Jquery,Html,我有一个,其中的值是从数据库的表单输入中搜索得到的。结果是echo在li中输出。当我点击一个特定的li时,li的内容将添加到表单输入值中。下面是我尝试过的代码 JavaScript //calls php script as user searches function searchd() { var searchTxt = $("input[name='deptfrom']").val(); $.post("deptsearch.php", {searchVal: searchTxt}, f
,其中的值是从数据库的表单输入中搜索得到的。结果是echo
在li
中输出。当我点击一个特定的li
时,li
的内容将添加到表单输入值中。下面是我尝试过的代码
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);
});
//在用户搜索时调用php脚本
函数searchd(){
var searchTxt=$(“输入[name='deptfrom']”)val();
$.post(“deptsearch.php”,{searchVal:searchTxt},函数(echo){
$('.airSearch ul').html(echo);
});
}
//应该将回显的php结果附加到
$('.airSearch ul li')。单击(函数(){
$('#deptform').value.append($('.airSearch ul li').innerHTML);
});
单击时将搜索结果输入表单输入值有什么问题?我的代码显然有问题。请提供任何帮助。问题
我不能自信地说出你的代码中的错误是什么,因为我对jQuery
不太了解。但是,我可以给你另一种方式,让你可以执行这个动作
我不确定JQuery
是否具有代码中提供的类似value.append
的功能。不过,您可以使用浏览器的控制台尝试了解异常情况。
解决方案
尝试此代码
$('.airSearch ul li').click(function(){
$('#deptform').val($('#deptform').val()+$('.airSearch ul li').innerHTML);
});
如果使用$('.airSearch ul li').text()会更好代码>
因此,上面的代码将根据需要更改值。它会将li
的文本附加到预期的输入中
尝试搜索事件删除您的Ajax
返回的内容?@AAShakil请您帮助我如何解决Ajax
的问题。@diagold您有可以提供的HTML
吗?试试这个$(“#deptform”).val($(“#deptform deptform”).val()+$(“.airSearch ul li”).innerHTML”);