-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 に答える