自动完成 jquery 多个字段更改或 Tab 事件
autocomplete jquery multiple fields onchange or tab event
所以,我的php页面中有这个jquery代码,可以从mysql表中获取数据:
$(function() {
$("#tracking_num").autocomplete({
source: "func/populate.php",
minLength: 2,
select: function(event, ui) {
$('#name').val(ui.item.name);
$('#particulars').val(ui.item.particulars);
$('#remarks').val(ui.item.remarks);
$('#location').val(ui.item.location);
}
});
});
我面临的挑战是将数据立即放入字段中,而无需从下拉框中选择它。你们知道怎么做吗?这是我的函数/填充.php文件:
$return_arr = array();
$fetch = mysql_query("SELECT * FROM tbl_document WHERE tracking_number = '" . mysql_real_escape_string($_GET['term']) . "' ORDER BY id DESC LIMIT 1");
while ($row = mysql_fetch_array($fetch) ) {
$row_array['name'] = $row['name'];
$row_array['particulars'] = $row['particulars'];
$row_array['remarks'] = $row['remarks'];
$row_array['location'] = $row['location'];
$row_array['value'] = $row['tracking_number'];
array_push($return_arr,$row_array);
}
mysql_close();
echo json_encode($return_arr);
你试过吗:
$(function() {
$("#tracking_num").autocomplete({
source: "func/populate.php",
minLength: 2,
create: function(event, ui) {
$('#name').val(ui.item.name);
$('#particulars').val(ui.item.particulars);
$('#remarks').val(ui.item.remarks);
$('#location').val(ui.item.location);
}
});
});
?
相关文章:
- 仅在按下 Tab 键时调用 onBlur 事件
- 自动完成 jquery 多个字段更改或 Tab 事件
- Google 自动完成放置 API 不会通过 TAB 触发更改事件
- 修改 onkeyup 事件以忽略 Tab 键按下
- 用于使用 Tab 键选择项目的事件
- 当键关闭事件(TAB 键)修改元素值时不触发更改事件
- 对于Knockout,TAB不会触发更改事件
- 处理tab press事件,在可编辑的html表中添加动态自定义行
- 如何使用java脚本避免键按下事件中的tab键
- 引导程序“display.bs.tab”事件未以编程方式触发,显示选项卡(使用tab('show'))
- 即使在javascript中设置了焦点之后,Tab事件也会改变焦点
- 我如何在javascript中调用tab键事件
- 我怎么知道一个特定的事件.keyCode对应一个字符,而不是一个命令键(如箭头、tab或enter)
- 使用jquery更改事件时,TAB键没有按预期工作
- Active Bootstrap Tab在DropDown SelectedIndexChanged事件中丢失其索引
- 在chrome中无法捕获ctrl tab键事件
- 停止TAB键事件传播在chrome后的一个动作
- 网格& # 39;keydown # 39;事件不能捕捉特殊的键,如方向键、Enter键或Tab键
- 角:“tab"键码事件未触发
- Chrome扩展TAB事件监听器不工作