php - 如何清除 jquery 中幻灯片上的表单值？

Question

我有一个简单的酒店住宿工具表格。用户从下拉框中选择成人和 child 的数量，然后表单让用户从新生成的下拉框中选择 child 的年龄。

我可以显示和隐藏选择框。但是，一旦显示选择框，无论以后是否隐藏它，都会发布其值。我需要清除或重置不再显示的选择框的值。

这是我的 jquery:

    $(document).ready(function(){
$("#selectchild").change(function(){

    switch ($(this).val())
    {
      case "0":
        $("#hidechild1").slideUp("fast");
        $("#hidechild2").slideUp("fast");
        break;  
      case "1":
        $("#hidechild1").slideDown("fast");
        $("#hidechild2").slideUp("fast");
        break;
      case "2":
        $("#hidechild1").slideDown("fast");
        $("#hidechild2").slideDown("fast");
        break;
}           
    });
});

这是我的 HTML:

<form id="ExampleForm" method="post" action="results.php">
<fieldset>
    <legend>Accommodation details. Please choose number of adults and children</legend>     
    <div class="input select">
        <label for="selectadult">Adult (>12)</label>
        <select name="selectadult" id="selectadult">
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>                            
        </select>
    </div>

    <div class="input select">
        <label for="selectchild">Children (0-12)</label>
        <select name="selectchild" id="selectchild">
            <option value="0">0</option>
            <option value="1">1</option>
            <option value="2">2</option>                    
        </select>
    </div>      

    <div class="hide" id="hidechild1">
        <br/>Please specify the ages of children:
        <div class="input select">
            <label for="selectchild1">Child 1:</label>
            <select name="selectchild1" id="selectchild1">
            <option value="none">-?-</option>
            <option value="<1"><1</option>
            <? for ($i=1;$i<=12;$i++) { echo "<option value=\"$i\">$i</option>"; } ?>
            </select>
        </div>
    </div>

    <div class="hide" id="hidechild2">
        <div class="input select">
            <label for="selectchild2">Child 2:</label>
            <select name="selectchild2" id="selectchild2">
            <option value="none">-?-</option>
            <option value="<1"><1</option>              
            <? for ($i=1;$i<=12;$i++) { echo "<option value=\"$i\">$i</option>"; } ?>
            </select>
        </div>
    </div>      

</fieldset>
<div class="submit">
    <input type="submit" value="Submit!" />
</div>
</form>

Answer 1

提交表单时，我认为您需要清除所选选项。

$("#exampleForm").submit(function(){
  $("select:hidden option").attr("selected",false);
}