我在HTML表单中有2个Drop Downs。需要使用DATABASE中存在的用户名列表填充第一个下拉列表。
其次,根据第一个下拉列表中的选择,我需要运行另一个JS脚本来再次调用DB来检索该用户名的相关地址列表。
您能告诉我最新实现这一目标的方法吗? 1)如何在加载HTML表单之前运行JSscript以返回该列表? 2)我应该在一次Db调用中同时获取用户名和关联地址,还是先获取用户名,然后在第一个下拉列表中使用onChange事件来执行第二次调用?
任何代码都会非常感激。
谢谢
答案 0 :(得分:0)
如果您在同一个表中拥有所有信息,那么为什么不通过查询数据库来获取所有数据,然后按照您想要的方式对元素进行排序和放置。 另一种方式需要查询DB 2次。
答案 1 :(得分:0)
here you can create your HTML to server call OR you can make HTML locally.
i have created options for selectbox at server and innerhtml to locally.
<select id="selectbox1" onchange="getData(this)"></select>
<select id="selectbox1"></select>
$(document).ready(function() {
$.ajax({
url: 'http://localhost/getUsername.php',
success: function(data) {
$('#selectbox1').html(data);
alert('Load was performed.');
}
});
});
function getData(selData) {
$.ajax({
url: 'http://localhost/getSecoundCall.php?id='+selData,
success: function(data) {
$('#selectbox2').html(data);
alert('Load was performed.');
}
});
}