Question

我在HTML表单中有2个Drop Downs。需要使用DATABASE中存在的用户名列表填充第一个下拉列表。

其次，根据第一个下拉列表中的选择，我需要运行另一个JS脚本来再次调用DB来检索该用户名的相关地址列表。

您能告诉我最新实现这一目标的方法吗？ 1）如何在加载HTML表单之前运行JSscript以返回该列表？ 2）我应该在一次Db调用中同时获取用户名和关联地址，还是先获取用户名，然后在第一个下拉列表中使用onChange事件来执行第二次调用？

任何代码都会非常感激。

谢谢

Answer 1

如果您在同一个表中拥有所有信息，那么为什么不通过查询数据库来获取所有数据，然后按照您想要的方式对元素进行排序和放置。另一种方式需要查询DB 2次。

Answer 2

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.');
  }
});

}

执行Javascript以在加载HTML页面之前填充下拉列表

2 个答案: