javascript - 选择后的文本框下拉菜单

Question

我只是想问一下如何根据所选数字自动下拉文本框。例如，我有一个下拉值 2、3、4、5 等，当我单击 2 时，它会下拉两个文本框，如果值为 3，则下拉三个，谢谢，非常感谢。

Answer 1

您的意思是要根据元素input的值自动隐藏/自动显示文本吗？select像这样的东西应该工作：

<select id="theSelect">
    <option value="0">Select an option...</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>
<input type="text" id="theText" style="display:none;" />

然后在你的 jQuery 代码中：

$('#theSelect').change(function () {
    if ($(this).val() == '1') {
        $('#theText').show();
    } else {
        $('#theText').hide();
    }
});

当然，您可以为显示/隐藏部分使用不同的动画。但基本的想法是你默认隐藏它（我在这个例子中使用了内联 CSS，但你可以很容易地使用现有的 CSS 文件）然后在select值更改时根据某些条件显示/隐藏它。

Answer 2

<?php
    if(isset($_REQUEST["value"])){
        $num = $_REQUEST["value"];
        for($loop =1; $loop <=$num; $loop++){
            ?>
                <div>TextBox <?php echo $loop;?><input type = 'text' name = "input_box_<?php echo "$loop ";?> ">
            <?php
        }
    }
?>
<form method = "post">
Select Number
 <select name = "value">
    <option value='1'>1</option>
    <option value='2'>2</option>
    <option value='3'>3</option>
    <option value='4'>4</option>
    <option value='5'>5</option>

</select>
<input type ="Submit" />