Радио кнопки вместо выпадающего

Question

У меня проблема, моему клиенту нужно, чтобы я изменил раскрывающееся меню на выбор радиокнопок, 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">&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>&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 & 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>&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">&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">&nbsp;</td>
        </tr>
        <tr>
          <td valign="top">&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>

Answer 1

Вы не сможете добиться того, что вы описываете, с помощью переключателей, вам нужно будет использовать флажки. Это просто, так что можно выбрать более одной опции.

Также, если вы называете каждый флажок в каждой группе одним и тем же именем, например, select1[] и select2[]. Затем, когда вы отправляете форму обратно на сервер, выбранные параметры будут волшебным образом находиться в массиве.

Если вы хотите ограничить количество выбранных ящиков, вам придется использовать некоторый javascript, который запускается по событию click каждого флажка, чтобы подсчитать выбранное число и разрешить или запретить любые дальнейшие выборы.

Answer 2

Похоже, вам нужно использовать флажки вместо переключателей.Это позволит пользователю выбрать столько вариантов, сколько он пожелает.Чтобы ограничить число выборов, которые они могут сделать, до 4, вы можете использовать код, найденный на http://www.javascriptkit.com/script/script2/checkboxlimit.shtml

Надеюсь, это поможет.