-2

我有一个多输入表单，我想在其中添加第一个输入可见而其他输入隐藏的功能，当单击“添加更多”按钮时，它将显示下一个输入最多 8 个。我想保留id就是他们的样子。我该怎么办？谢谢你。

<label for="stop1">Stop 1 :</label>
 <input type="text" id="stop1" name="stop1" /><br />
<label for="stop2">Stop 2 :</label>
 <input type="text" id="stop2" name="stop2" /><br />
<label for="stop3">Stop 3 :</label>
 <input type="text" id="stop3" name="stop3" /><br />
<label for="stop4">Stop 4 :</label>
 <input type="text" id="stop4" name="stop4" /><br />
<label for="stop4">Stop 5 :</label>
 <input type="text" id="stop5" name="stop5" /><br />
<label for="stop6">Stop 6 :</label>
 <input type="text" id="stop6" name="stop6" /><br />
<label for="stop7">Stop 7 :</label>
 <input type="text" id="stop7" name="stop7" /><br />
<label for="stop8">Stop 8 :</label>
 <input type="text" id="stop8" name="stop8" /><br />

再次感谢你。

4

1 回答 1

0

你可以尝试这样的事情：

    <script type="text/javascript">

    int countInput = 1;

    function showInput(){
        document.getElementById("stop"+(countInput +1)).style.display = 'block';
    }


function onLoadFunction(){
    var inputs = document.getElementsByTagName("input");

    for (var i = 0; i < inputs.length; i++) { 
        var id = inputs[i].getAttribute("id"); 
        if ( id != "stop1" ) { 
            document.getElementById("stop"+countInput).style.display = 'block';
        }
    countInput++;
    }

    countInput = 1;

}
</script>



<label for="stop1">Stop 1 :</label>
 <input type="text" id="stop1" name="stop1" /><br />
<label for="stop2">Stop 2 :</label>
 <input type="text" id="stop2" name="stop2" /><br />
<label for="stop3">Stop 3 :</label>
 <input type="text" id="stop3" name="stop3" /><br />
<label for="stop4">Stop 4 :</label>
 <input type="text" id="stop4" name="stop4" /><br />
<label for="stop4">Stop 5 :</label>
 <input type="text" id="stop5" name="stop5" /><br />
<label for="stop6">Stop 6 :</label>
 <input type="text" id="stop6" name="stop6" /><br />
<label for="stop7">Stop 7 :</label>
 <input type="text" id="stop7" name="stop7" /><br />
<label for="stop8">Stop 8 :</label>
 <input type="text" id="stop8" name="stop8" /><br />

<button type="button" onclick="showInput"></button>

只需onLoadFunction从页面的 onload 属性中调用，它可能会起作用

于 2013-04-05T17:26:11.290 回答