本文将用例子介绍如何动态填充下拉列表(DropDownList)例如HTMLSelect元素,本例介绍在点击按钮后,使用jQuery从XML获得HTMLSelect元素来填充下拉列表。
XML将被读取和解析,然后使用jQuery逐个将来自XML的Node数据作为Items(Options)添加到DropDownList。
动态填充下拉列表(DropDownList)
以下HTML标记由HTMLDropDownList和Button组成,单击Button时,将解析XML并读取其Node值并用于使用XML数据填充HTMLDropDownList。
解释:
1、先引用JQuery库文件,推荐使用百度公共库文件。
2、单击“填充下拉列表”按钮时,将执行jQuery单击事件处理程序。在jQueryclick事件处理程序中,首先生成XML字符串,并将XML字符串读入XML文档,然后将特定节点(即Customer节点)读入jQuery对象。
然后在所有Customer节点上执行循环,并在循环内部读取CustomerId和Name子节点的值,并用于创建HTMLOption元素并将其添加到HTMLDropDownList。
THE END