使用input-submit表示多个选项

时间:2010-01-21 04:57:05

标签: html forms submit

我在页面上有一个事件表。最后一栏包含可用的操作,即“接受”,“帐篷。接受”,“取消” 因此,如果您是与会者,您将获得“接受”/“帐篷。接受”按钮。如果您是组织者,则可以选择“取消”。

现在,我已将“取消”作为<input type='submit'...元素,并将“accept”/“tent.accept”作为链接。这实际上并不坏,但仍然很邪恶。我宁愿一直使用输入/提交,但仍然保持一键操作(即我不想有选择框和提交按钮)。
假设用户已禁用JS。
我应该为accept / tent case创建两个表单吗?还是有更好的解决方案?

E.g。鲍勃会看到:

| Topic | Time | Organizer | Actions  |
| Stuff | 2:00 | Bob       | [Cancel] |

在同一次会议上被邀请的Jane将会看到:

| Topic | Time | Organizer | Actions                |
| Stuff | 2:00 | Bob       | [Accept] [Tent. Accept]|
再次

问题:如何为Jane选择实现两个按钮,以便每个按钮仍为<input type='submit'...

2 个答案:

答案 0 :(得分:1)

你可以用一种形式使用它。将其与名称

区分开来
<form action="" method = "post">
<input type='submit' name = "sub_button" value="Cancel">
<input type='submit' name = "sub_button" value="Accept">
<input type='submit' name = "sub_button" value="tent">
</form>

if($_POST['sub_button'] == 'Cancel') {
....
} else if($_POST['sub_button'] == 'Accept') {
....     
} else if($_POST['sub_button'] == 'tent') {
....
}

答案 1 :(得分:1)

提交按钮的名称(和值)应该可用于服务器端脚本,以便您可以执行不同的操作。以下是完整的解释:http://www.javascript-coder.com/html-form/html-form-submit.phtml