根据下拉列表值的更改自动填充数据库中的文本框
Autofill textbox from database based on change of dropdown list value
我的jsp页面有一个包含所有userId的选择框。我有两个用于用户名和出生数据的文本框。当我从下拉列表中选择用户ID时,我想自动填充文本框。
我有一个单独的Servlet类和数据库类用于查询。
当我从下拉列表中选择userid时,如何自动显示文本框?我希望这些文本框不可编辑。有人能给我提供示例代码吗。
这JS Fiddle展示了如何实现它:
var $select = document.getElementById('slct'),
$un = document.getElementById('un'),
$dob = document.getElementById('dob'),
val, arr, username, dob;
// usually this array is obtained from a server response
arr = [
usr1 = ['user1', 'dob1'],
usr2 = ['user2', 'dob2'],
usr3 = ['user3', 'dob3'],
usr4 = ['user4', 'dob4']
];
$select.addEventListener('change', function(){
val = this.value - 1; // because arrays start at 0.
username = arr[val][0];
dob = arr[val][1];
$un.value = username;
$dob.value = dob;
});
<select id="slct">
<option></option>
<option value="1">id 1</option>
<option value="2">id 2</option>
<option value="3">id 3</option>
<option value="4">id 4</option>
</select>
<input type="text" id="un" disabled>
<input type="text" id="dob" disabled>
相关文章:
- PHP下拉列表由要使用javascript的数据库填充
- 使用javascript服务填充数据库中的下拉值
- 从数据库预填充模式(非引导)
- 从数据库填充JQueryUI
- 从另一个选择框并使用数据库连接填充选择框
- 在选择下拉选项时,从mysql数据库填充HTML表单字段
- 从数据库填充的下拉菜单中更新输入字段
- 使用 JavaScript 从数据库填充网格视图
- 离子收集重复 - 未命中由websql数据库填充
- 如何根据另一个组合框的选定项目从数据库填充组合框中的项目
- 优化WebSQL本地数据库填充
- 从数据库填充谷歌地图信息窗口
- 如何使用Codeigniter从数据库填充下拉列表
- 输入值并与数据库填充的值进行比较后的报警框
- 从SQL数据库填充Facebook提要对话框
- 通过struts2操作类(使用jtable)从数据库填充下拉列表
- 在初始加载时根据下拉列表中的值设置文本框(由数据库填充)
- 使用SqlWhereBuilder ASP.. NET服务器控件从数据库填充值
- 使用 php 从数据库填充初始化 jquery 数组时,Jquery 标签编辑器不起作用
- 用json和php从数据库填充listview