需要使用多种输入方法进行表单字段处理的建议

时间:2012-04-16 13:08:37

标签: php jquery forms

我有一个名为quantity的表单字段需要填写。但在我的形式中,我有几种方式可以获得价值。我不确定是用JavaScript接近它,为每个条目选项创建单独的字段名称,还是完全不同的东西。在此先感谢你能给我的任何见解!

这是一个问题:“你注册了多少人?”

选项1:“我自己”

选项2:“我自己和__其他人”

选项3:“我代表他们注册__人”

我最初的想法是使用以下HTML(原谅粗略格式化):

<input type="radio" name="quantity" value="1" /> Myself only<br />

Myself and <select name="quantity">
<option value="0"></option>
<option value="2">1 other</option>
<option value="3">2 others</option>
<option value="4">3 others</option>
<option value="5">4 others</option>
<option value="6">5 others</option>
<option value="7">6 others</option>
<option value="8">7 others</option>
<option value="9">8 others</option>
<option value="10">9 others</option>
</select><br />

I'm registering <input type="text" name="quantityplus" /> people on their behalf.

表单的其余部分收集联系信息,然后在下一个屏幕上显示基于此步骤中选择的quantity的一组注册字段(名称,电子邮件等)。在最后一个(quantityplus)上,我在表单处理代码中有一个监听器,用于排除此页面上提供的联系信息,并显示该字段值中列出的实际人数(图片为行政管理的场景)助理将注册她的老板和其他5人参加研讨会,但没有参加。)

这是解决问题的最佳方法吗?或者我应该在提交表单之前使用JavaScript更新隐藏的quantity字段吗?如果是,我该如何解决quantityplus问题?

2 个答案:

答案 0 :(得分:1)

我认为通过为一个选项设置一个收音机,为另一个选项选择另一个选项以及为第三个选项提供文本,你会大大混淆这个形式,我会更喜欢这样的事情:

<label for="myself">Myself only <input type="radio" name="type" id="myself" value="myself" /></label>

<label for="myselfAndOthers">Myself and others <input type="radio" name="type" id="myselfAndOthers" value="myselfAndOthers" /></label>
<label for="myselfAndOthersQuantity">Quantity:</label><input type="text" name="quantity" id="myselfAndOthersQuantity" />

<label for="others">Others <input type="radio" name="type" id="others" value="others" /></label>
<label for="othersQuantity">Quantity:</label><input type="text" name="quantity" id="othersQuantity" />

通过格式化,这应该使选项清晰,然后您的PHP可以只切换三种不同类型的type POST值。处理

答案 1 :(得分:0)

No of person for registration: <input type="text" name="quantity_per" />

Include Me: <input type="checkbox" name="inc_me" value="1" />

使用此代码而不是这么多字段。