2.4 动态修改表单控件的值

通过JavaScript可以动态修改表单中控件的值，包括文本框内容、下拉菜单选项文本和按钮名称等，下面就介绍一个动态修改表单控件值的代码实例。

关于【代码2-4】的说明：

● 第14～23代码在表单内定义了一组文本框、一个下拉菜单和一个按钮控件。

● 第27～28行代码通过设定新的value属性值，修改了第15～16行代码定义的文本域显示内容。

● 第30～32行代码通过<select>控件的options属性，修改了第17～21行代码定义的下拉菜单的显示内容。

● 第33行代码通过设定新的value属性值，修改了第22行代码定义的按钮名称。

下面使用Firefox浏览器运行测试该HTML网页，初始效果如图2.3所示。继续单击页面中的“修改控件文本”按钮，页面更新后的效果如图2.4所示。

图2.3 JavaScript动态修改表单控件的值（一）

图2.4 JavaScript动态修改表单控件的值（二）