问题传递空间与jquery上KeyUp功能
issue passing space with jquery On KeyUp function
我有以下代码。我要做的是在输入框中键入名称时,从数据库中创建匹配联系人的下拉列表。我捕获输入变量作为I类型,并将其传递给一个php文件,该文件处理它并将其加载到resultdiv。
我成功了。但是,当我想要键入名称之间有空格时,我不能将空格作为值传递。当我这样做的时候,它不起作用。
例如:我输入"John"…都有类似的名字,比如约翰。但是,当我输入"John Smith"时,由于单词之间的空格,没有任何列表。
所以问题很明显。我怎样才能让空间也得到传递。这样就会显示"John Smith"的结果。我想我得考%20才行。但我的尝试如下。但这并没有奏效。我在脚本中使用'getcont()'函数传递输入值。这就是我被困住的地方。我确信这是一个简单的jquery解决方案。但我是一个业余的Jquery。请建议。
<style>
#contdiv{display:none}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js" async> </script>
<script>
$('document').ready(function(){
$('#contdiv').on('click', '.pno', function(){
var value = $(this).html();
var input = $('#cit');
input.val(value);
$('#contdiv').fadeOut('fast');
});
});
function getcont(){
var x = document.getElementById("cit");
if(x==" "){x="%20";}
$('#contdiv').fadeIn('fast').load('searchconts.php?cit='+x.value);
}
</script>
<div class="admininner">
<h3>Search Contacts on Phone</h3>
<input type="text" name="phone" id="cit" class="contdiv" onkeyup="getcont()" placeholder="Type to search">
<p id="contdiv"></p>
</div>
function getcont(){
var x = document.getElementById("cit");
x=encodeURI(x.value);
$('#contdiv').fadeIn('fast').load('searchconts.php?cit='+x);
}
function getcont(){
var x = document.getElementById("cit").value;
if(x==" "){x="%20";}
$('#contdiv').fadeIn('fast').load('searchconts.php?cit='+x);
}
相关文章:
- keyup事件处理程序更改焦点不适用于快速键入
- JQuery合并了keyup和focusout两个函数
- 添加文字和评论功能更新Div
- JavaScript打印功能使日历停止工作
- 每当您在选择器内移动鼠标时,悬停功能就会重复
- 如何防止网页加载后自动启动功能
- 除修剪外的其他功能
- 悬停功能触发器
- 使用angularjs向浏览器发送servlet响应(下载功能)
- 删除CKEditor工具栏按钮,但不删除功能
- 如何在 Keyup 搜索功能中使用箭头导航进行滚动
- 保持iOS键盘打开,而keyup功能运行
- Textarea不能与jQuery live keyup功能一起工作
- keyup功能可以在所有浏览器中正常工作,但仅在IE中不起作用
- 延迟后运行keyup功能
- 问题传递空间与jquery上KeyUp功能
- Keyup功能不工作的数据表搜索
- 两个具有keyup功能的输入字段
- 拍卖助推:取代.keyup功能
- 当有人复制和粘贴时触发keyup功能