需要HTML-dom设计指南

时间:2010-02-08 09:42:41

标签: javascript html ajax scripting dom

我已经从项目开始,我想使用客户端脚本@ extreme。

这是情景:
我的网页上有两个下拉列表。一个是COUNTRY,另一个是STATE。
必须禁用下拉列表STATE,直到选择Country中的一个值,并根据下拉列表COUNTRY中选择的值,STATE下拉列表中必须存在相应的状态。

这与我们在电子邮件帐户,注册页面上看到的相同。

我从XML文件加载数据(国家与州的映射)..(假设此文件将以固定的绝对路径存在于客户端系统上。)

  

我正在寻求互联网的指导   实现这一点。任何链接或教程都会有所帮助。

3 个答案:

答案 0 :(得分:1)

由于这是一个Web应用程序,由于安全问题,您将无法从客户端计算机读取文件内容。请参阅 javascript security model 。将国家/地区信息存储在您的服务器中,当下拉列表发生onchange事件时,请使用 AJAX 填充服务器的第二个下拉列表值。

答案 1 :(得分:0)

我会将国家/地区和州的值保留在服务器上的某个数据库中,以避免在多个用户同时使用该应用程序时发生锁定问题。然后,我将使用带有AjaxControlToolkit的CascadingDropDown实现您的下拉列表。查看示例here

您可以按照here

进行教程

答案 2 :(得分:0)

不想太模糊,但这是一个标准的级联下拉方案。绝大多数AJAX框架都有这个问题的简单解决方案,这只是你喜欢哪一个的问题。

我自己在ASP.Net AJAX和jQuery中完成了这个,但是还有许多其他好的框架。

正如已经建议的那样,通过文件系统访问XML是有问题的,但您可以通过服务器端资源(例如数据库)使用本地URL或(最好是恕我直言)