1

私の問題はおそらく基本的なもので、スキルが不足しているだけです。次のコードをJavaScriptに変換するにはどうすればよいですか?:

    <?php
    for($i=1; $i<10; $i++){
        echo "<input type='text' placeholder='Word' name='word$i' /><br />";
    }
    ?>

ユーザーがボタン(すでに作成されている)を押すたびに入力を追加したいのですが、すべての新しい入力には、以前よりも次の番号が必要です。例えば:

input 1(... name ='word1') ボタンをもう一度押します input 2(... name ='word2') ボタンをもう一度押します input 3(... name ='word3')

ありがとう!ハッピー2013!

4

4 に答える 4

1

Chromeでテスト済み

<input type="button" value="Magical pony time!" onclick="clickhandler()" />

<div id="container"></div>

<script type="text/javascript">
    // contains the counter for elements added
    window.__buttonClickCounter = 0; 

    // Keep reference to container
   var c = document.getElementById('container');

    // Click handler that appends to the contents of the container
    var clickhandler = function() {
        c.innerHTML = c.innerHTML + "<input type='text' placeholder='Word' name='word"+window.__buttonClickCounter+"' value="+window.__buttonClickCounter+" /><br />";
        window.__buttonClickCounter++;
    }
</script>
于 2013-01-11T07:49:27.933 に答える
1

1つのボタンを作成しました。その上にonclickイベントを記述して、このような関数を起動し、要素を追加できる1つのメインdivを作成してください。

<input type="button" onclick="getElement();"/>
<di id="main"></div>

getElement関数に、次のコードを記述してください。

var i=1;
function getElement(){
var str = "<input type='text' placeholder='Word' name='word"+i+"' />";
i++;
document.getElementById('main').innerHTML = str;
}
于 2013-01-11T07:39:49.200 に答える
1
for (var i = 0; i < 10; i++) {
  var input = document.createElement('input');
  input.setAttribute('type', 'text');
  input.setAttribute('placeholder', 'Word');
  input.setAttribute('name', 'word' + i);
}

このようなもの?

于 2013-01-11T07:42:44.047 に答える
0

試す

<?php
for($i=1; $i<10; $i++){
?>
<input type='text' placeholder='Word' name='word'<?php echo $i;?>/>
<?php
}
?>
于 2013-01-11T07:38:35.400 に答える