Question

我从一个在页面加载时使用Javascript的数组填充一个下拉框。但我从数据库中提取数据如何更改哪一个被选中？我宁愿不必使用PHP来创建下拉框，因为我还有其他非PHP的东西也使用javascript。我该怎么做才能从PHP填充我的Drop DownList？

您可以看到它只调用SelectdeptDropdown函数。

<label for="collegedropdown">Collge</label>
<select name="collegedropdown" id="collegedropdown" onChange="SelectDeptDropdown();">
  <option selected="selected">Choose a college</option>
</select>
<br /> 
<label for="deptdropdown">Department</label>
<select name="deptdropdown" id="deptdropdown">
  <option selected="selected">Choose a department</option>
</select>

Javascript代码：

removeAllOptions(document.profilecreate.deptdropdown);
addOption(document.profilecreate.deptdropdown, "", "Choose One", "");

if(document.profilecreate.collegedropdown.value == 'MY CHOICE #1'){
//all options here
}
//repeat for other cases here

注意：removeAllOptions调用另一个只清除下拉列表的函数。 addOption调用一个创建选项元素的函数。

Answer 1

基本上你需要使用XHR Request。 XHR请求将命中你的php服务器的另一个终点，它将为你返回数据以填充dropwdown字段，然后你可以使用一些智能javascript插入到dom中。

理想情况下，终点应返回一个json数据，该数据只是下拉值，并且您在客户端生成标记，这是强制性的，但建议使用。阅读更多abt XHR和json here。

最后，我建议您使用像jquery这样的库，为您提供简单的api，用于XHR请求和DOM操作，使用它可以快速完成工作。

通过Javascript填充下拉框更改所选项目

1 个答案: