#forms
#формы
Вопрос:
У меня проблема, моему клиенту нужно, чтобы я изменил выпадающее меню на выбор переключателя, 1 из них, должно быть бесконечное количество вариантов для нажатия, остальные максимум 4 из 10.
Вот как выглядит моя форма:
<form id="contact-form" name="contact-form" method="post" action="submit.php">
<table width="100%" border="0" cellspacing="0" cellpadding="5">
<tr>
<td width="35%"><label for="name">Name</label></td>
<td width="52%"><input type="text" class="validate[required,custom[onlyLetter]]" name="name" id="name" value="<?=$_SESSION['post']['name']?>" /></td>
<td width="13%" id="errOffset">amp;nbsp;</td>
</tr>
<tr>
<td><label for="email">Email</label></td>
<td><input type="text" class="validate[required,custom[email]]" name="email" id="email" value="<?=$_SESSION['post']['email']?>" /></td>
<td>amp;nbsp;</td>
</tr>
<tr>
<td><label for="subject">Area of Interest</label></td>
<td><select name="subject" id="subject">
<option value="" selected="selected"> - Choose -</option>
<option value="interactiveDinner">Interactive Dinner Series</option>
<option value="winemakerDinner">Winemaker Dinners</option>
<option value="Culinary Travel">Culinary Travel Adventures</option>
<option value="education">Food amp; Beverage Education</option>
<option value="host a Shikany Event">Host an event at your location</option>
<option value="partnership">Partner with us</option>
<option value="Hire Shikany">Hire Chef Michael Shikany for your event</option>
<option value="Charity Inquiry">Charity / Philanthrophy / Non-profit Inquiry</option>
</select> </td>
<td>amp;nbsp;</td>
</tr>
<tr>
<td valign="top"><label for="message">Please provide color to your inquiry</label></td>
<td><textarea name="message" id="message" class="validate[required]" cols="35" rows="5"><?=$_SESSION['post']['message']?></textarea></td>
<td valign="top">amp;nbsp;</td>
</tr>
<tr>
<td><label for="captcha"><?=$_SESSION['n1']?> <?=$_SESSION['n2']?> =</label></td>
<td><input type="text" class="validate[required,custom[onlyNumber]]" name="captcha" id="captcha" /></td>
<td valign="top">amp;nbsp;</td>
</tr>
<tr>
<td valign="top">amp;nbsp;</td>
<td colspan="2"><input type="submit" name="button" id="button" value="Submit" />
<input type="reset" name="button2" id="button2" value="Reset" />
height="16" alt="loading" /></td>
</tr>
</table>
</form>
<?=$success?>
</div>
Комментарии:
1. Что вы используете для создания выпадающего списка. Это простой HTML и отображается через java или вы используете php с вызовами db;)
2. спасибо, Фабиан, я использую php с jqtransform. я изменил его на флажки вместо переключателей…
Ответ №1:
Похоже, вам нужно использовать флажки вместо переключателей. Это позволит пользователю выбрать столько опций, сколько они захотят. Чтобы ограничить количество вариантов, которые они могут сделать, до 4, вы можете использовать код, найденный на http://www.javascriptkit.com/script/script2/checkboxlimit.shtml
Надеюсь, это поможет.
Комментарии:
1. да, вы правы, я сейчас использую флажки… но у меня возникли проблемы с правильным центрированием текста с помощью флажков…. я использую jqtransform, чтобы форма выглядела немного лучше… есть предложения?
2. Можете ли вы обновить свой код с помощью флажков и jqtransform, а также вашего css, чтобы мы могли видеть, что он может делать?
Ответ №2:
Вы не сможете достичь того, что вы описываете, с помощью переключателей, вам нужно будет использовать флажки. Это просто для того, чтобы можно было выбрать более одного параметра.
Также, если вы назовете каждый флажок в каждой группе одним и тем же именем, что-то вроде select1[] и select2[] . Затем, когда вы отправите свою форму обратно на сервер, выбранные параметры волшебным образом будут представлены в виде массива.
Если вы хотите ограничить количество выбранных полей, то вам придется использовать некоторый javascript, который запускается при событии щелчка каждого флажка, чтобы подсчитать выбранное количество и разрешить или запретить любые дальнейшие выборы.