在加载HTML页面之前执行Javascript填充下拉列表
我在HTML表单中有两个下拉列表。第一个下拉列表需要填充数据库中存在的用户名列表 其次，根据在第一个下拉列表中所做的选择，我需要运行另一个JS脚本对DB进行另一次调用，以检索该用户名的相关地址列表 你能告诉我实现这个目标的最好方法是什么吗？ 1） 如何在加载HTML表单之前运行JSscript以返回该列表？ 2） 我应该在一个Db调用中同时获取用户名和相关地址，还是先获取用户名，然后在第一个下拉列表中使用onChange事件来执行第二个调用 任何代码都将不胜感激在加载HTML页面之前执行Javascript填充下拉列表,javascript,Javascript,我在HTML表单中有两个下拉列表。第一个下拉列表需要填充数据库中存在的用户名列表 其次，根据在第一个下拉列表中所做的选择，我需要运行另一个JS脚本对DB进行另一次调用，以检索该用户名的相关地址列表 你能告诉我实现这个目标的最好方法是什么吗？ 1） 如何在加载HTML表单之前运行JSscript以返回该列表？ 2） 我应该在一个Db调用中同时获取用户名和相关地址，还是先获取用户名，然后在第一个下拉列表中使用onChange事件来执行第二个调用 任何代码都将不胜感激 谢谢如果您在同一个表中有所有信息
谢谢如果您在同一个表中有所有信息，那么为什么不通过查询数据库一次获得所有数据，然后按照您想要的方式对元素中的数据进行排序和放置呢。 另一种方法需要查询数据库2次
在这里，您可以创建HTML到服务器调用，也可以在本地生成HTML。
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.');
}
});
}
我已经为服务器上的selectbox和本地的innerhtml创建了选项。
$（文档）.ready（函数（）{
$.ajax({
网址：'http://localhost/getUsername.php',
成功：功能（数据）{
$（'#selectbox1'）.html（数据）；
警报（“已执行加载”）；
}
});
});
函数getData（selData）{
$.ajax({
网址：'http://localhost/getSecoundCall.php?id="selData,，
成功：功能（数据）{
$（'#selectbox2'）.html（数据）；
警报（“已执行加载”）；
}
});
}