4.3 不同按钮提交到不同的表单地址

对于HTML DOM对象中的表单<form>元素而言，一个表单只能提交到一个由action属性定义的服务器端页面上，因为action属性就只能定义一个url链接地址。那么能不能通过JavaScript实现一个表单提交到不同服务器端地址页面上去呢？答案是肯定的，通过在表单中定义多个按钮就可以实现提交到不同表单地址的功能。

下面就介绍一个通过JavaScript实现不同按钮提交到不同表单地址的代码实例。

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

● 第13～18行代码通过<form>标签定义一个表单，其中的action属性没有定义具体属性值。

● 第16～17行代码通过<button type="submit">标签定义了两个按钮控件，并分别定义了不同的onclick事件处理方法（submit_ch()、submit_en()），用于实现提交到不同的表单地址的操作。

● 第21～24行代码是submit_ch()方法的实现过程，第22行代码通过action属性定义了表单提交的服务器端PHP页面（multiForm-ch.php），第23行代码通过调用submit()方法实现提交表单的操作。

● 同样的，第25～28行代码是submit_en()方法的实现过程，以及表单提交的服务器端PHP页面（multiForm-ch.php）。

下面使用Firefox浏览器运行测试该HTML网页，具体效果如图4.1和图4.2所示。

图4.1 JavaScript不同按钮提交到不同的表单地址（一）

图4.2 JavaScript不同按钮提交到不同的表单地址（二）

如图4.1所示，第一个提交按钮将表单提交到服务器端PHP页面（multiForm-ch.php），页面中显示出了中文习惯的名字。

如图4.2所示，第二个提交按钮将表单提交到服务器端PHP页面（multiForm-en.php），页面中显示出了英文习惯的名字。