时间戳

首页 > 解决方案 > HTML 表单上的条件字段

javascript - HTML 表单上的条件字段

问题描述

我希望你能帮助我解决这个问题。

如果人们选择超过 0 到 3 个，则下面的代码应该显示多个字段。

但是选择 1 2 或 3 时什么也没有发生。你能看看，让我知道我该如何解决吗？

谢谢

<select name="children" id="childOccupants">
    <option value="0" selected>0</option>
    <?php 
        for ($j = 1; $j <= 3; $j++) { 
            echo "<option value='$j'>$j</option>"; 

        } 
    ?>
</select>

<!-- Dynamic children boxes -->
<span id='childAges'>
    <script>
        $("#childOccupants").bind('change', function () {
            $("#childAges").empty();
            var children = $("#childOccupants").val();
            var s = 1;
            for (i=0; i < children; i++) {
                $("<label for='child" + s + "'>Child " + s + " age</label><input type='text' name='child" + s + "' id='child" + s + "' />").appendTo("#childAges");
                s++;
            }
        })
    </script>
</span>
<!-- End of dynamic child age boxes -->

标签： javascripthtml

解决方案

<script>
        $("#childOccupants").bind('change', function () {
            $("#childAges").empty();
            var children = $("#childOccupants").val();
            var s = 1;
            for (i=0; i < children; i++) {
                ("#childAges").append("<label for='child" + s + "'>Child " + s + " age</label><input type='text' name='child" + s + "' id='child" + s + "' />");
                s++;
            }
        })
    </script>

推荐阅读