从 PHP 更改为 JS答案

【问题标题】：Changing from PHP to JS从 PHP 更改为 JS
【发布时间】：2013-01-11 07:31:59
【问题描述】：

我的问题可能是基本的，我只是缺乏技能。如何将以下代码转换为 javascript？：

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

我想在用户每次按下按钮（已构建）时添加一个输入，但我需要每个新输入的数字都比以前的数字小。例如：

输入 1 (... name='word1') 再次按下按钮 输入 2 (... name='word2') 再次按下按钮 输入 3 (... name='word3')

谢谢！ 2013 年快乐！

【问题讨论】：

你想要纯 javascript 还是 jquery ？你应该阅读一下api.jquery.com/jQuery
请注意PHP在服务器端执行，而JavaScript在客户端执行。您的 最终结果 似乎使用 JavaScript 非常可行（实际上是基本的），但 输出顺序 将不一样。

标签： php javascript html input

【解决方案1】：

好的，您创建了一个按钮，请在其上编写一个 onclick 事件来触发一个函数像这样并创建一个可以添加元素的主 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;
}

【讨论】：

【解决方案2】：

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);
}

这样的？

【讨论】：

【解决方案3】：

在 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>

【讨论】：

【解决方案4】：

试试

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

【讨论】：