Question

我们有几种产品，第一种产品有一个与之相关的下拉菜单。

不知何故，此下拉菜单会阻止从第二个产品提交数据。请参阅http://www.kalikalos.com/eStore/book_test.html

我们需要做些什么来完成这项工作？

<form name="_xclick" action="https://www.paypal.com/cgi-bin/webscr" method="post">

<input type="hidden" name="cmd" value="_xclick" />
<input type="hidden" name="business" value="info@kalikalos.com" />
<input type="hidden" name="currency_code" value="EUR" />

<input type="hidden" name="item_name" value="Facilitator_in_residence" />

<table width="90%" border="1" align="center">  
<tr><th>&nbsp;&nbsp;FIR PROGRAMME</th><th align="center"> FACILITATOR IN RESIDENCE</th><th width="80" align="center">N<sup>o</sup>. &nbsp;of Places</th><th width="70">Standard FIR <font color="#FF0000">&euro;165</font></th><th width="80" align="center">Early Bird FIR <font color="#FF0000">&euro;122.50</font></th><th width="80" align="center">Leisure FIR <small>(Less staff commitment)</small> <font color="#FF0000">&euro;235</font></th><th width="60" align="center">Artist, Scientist<br />or Writer in Residence <font color="#FF0000">&euro;295</font></th></tr>

<tr bgcolor="#FFFF66"><th><b><i><big>Facilitator-in-Residence</big></i></b> <br /><br /> from June through September &nbsp;

<table align="center">
<tr><td>
<input type="hidden" name="on0" value="Start_Date" /></td>
<td>
<select name="os0">
<option value="~~-">Select start date </option>
<option value="29May">29 May </option>
<option value="26June">26 June </option>
<option value="17July">17 July </option>
<option value="28Aug">28 Aug </option>
<option value="4Sept">4 Sept
</option>
</select>
</td>
</tr>

</table>  
</th>

<td><img src="thumbs/yoga_in_roundhouse.jpg" width="115" height="92" alt="" align="left" /></td>
<td> <input type="text" size="2" maxlength="3" name="quantity" /></td>
<td title="165"><label>
<input type="radio" name="amount" value="165" checked="checked" />
</label></td>
<td title="122.50"><label>
<input type="radio" name="amount" value="122.50" />
</label></td>

<td title="235.00"><label>
<input type="radio" name="amount" value="235.00" />
</label></td>

<td title="295.00"><label>
<input type="radio" name="amount" value="295.00" />
</label></td>
</tr>

<!-- Accommodations line -->

<tr bgcolor="#CCFF99">
<th align="center"><h3>Select Your Accommodation</h3> </th>

<td><img src="thumbs/RoomG_martiou.jpg" width="100" height="75" alt="" align="right" />&nbsp;</td>

<td align="center"><small><b>Please re-enter N<sup>o</sup>. of Places</b></small><input type="text" size="2" maxlength="3" name="quantity_1" /></td>
<td bgcolor="#FFFF99"><small>Standard retreat price incldues triple or quad  accomodation</small><br /> <label>

<input type="radio" name="amount_1" value="0" checked="checked" />
</label></td>

<td title="&euro;75/person"><label>Twin (&euro;75)

<input type="radio" name="amount_1" value="75" />
</label></td>

<td title="&euro;150"><label>Single (&euro;150)
<input type="radio" name="amount_1" value="150" />
</label></td>

<td title="&euro;.02"><label>Request Tent
<input type="radio" name="amount_1" value=".02" />
</label></td>    </tr> 
</table>
<br />


<center>
<input type="hidden" name="item_name_1" value="Accommodation" />

<input type="image" src="../eStore/paynow.jpg" name="submit" alt="Make payments with PayPal - it's fast, free and secure!" />
</center>

</form>

Answer 1

我很乐意帮助你，但对你说实话，你的代码很难阅读。我建议你在解决此问题的麻烦之前，先从使用div和css样式而不是表格重新做这个页面。桌子不仅常常在用户方面很难看，你在这里使用的表格也没有多大意义（你的表格标题似乎只与你的第一行相关。非常令人困惑的是用户），这使得其他人难以阅读和排除代码故障。对不起，这对你来说不是最有用的建议，但是我需要一些时间来阅读你在这里乱七八糟的桌子，找出你的问题所在。

我一直在努力拼凑出这个表单上所有选项的确切内容，但在我看来，您可以选择用户想要购买的服务类型，以及他们想要的程序

我个人在这里要做的就是把它分成两个单独的部分。使用

<div class="form-section">
    <h2>Form Section Heading</h2>
    [contents of section of form here]
</div>

将您的表单分成两个逻辑不同的组件。我还建议您考虑删除冗余数量字段，因为用户输入两次相同的数字是用户体验不佳。

您会发现文本字段或文本区域标记中的“占位符”属性允许您插入占位符文本，告诉用户该字段的用途，而不占用额外的屏幕空间。使用与单选按钮一致的文本告诉用户这些操作是什么（这不是最好的设计实践，但是从这个表格单元格以及此处的行和标题向前迈出了一大步。）

您还想了解一下CSS，了解如何使用样式表而不是内联来设置html元素的样式。

如果有下拉菜单，则不会提交产品金额

1 个答案: