Question

我不确定标题是否有意义，但我试图通过文本输入动态更改循环中变量的值。

到目前为止查看我的代码

<script type="text/javascript">

function test() {

    var count;
    var str = document.getElementById('inputter').value;
    var plus = str;

    for(count = 0; count < 5; count++, str += plus){

        document.write("<br />");
        document.write(str);

    }
};

</script>

<input type="text" id="inputter" name="inputter"></form>
<button id="sub"  type="button" onclick="test()">Try It Out</button>

所以，如果你按下你在文本字段中输入的任何内容的按钮，比如说......你把“X”结果就是......

X

XX

XXX

XXXX

XXXXX

然后表单字段消失了，我将不得不刷新页面再次执行此操作？有没有办法动态地做到这一点？所以没有刷新，我希望能够输入一个新的字符串，它会改变。

提前致谢！

Answer 1

document.write()正在覆盖您的网页。不要使用它，使用DOM修改函数将字符串放入DIV。

<input type="text" id="inputter" name="inputter"></form>
<button id="sub"  type="button" onclick="test()">Try It Out</button>
<div id="output"></div>

<script>
function test() {

    var count;
    var str = document.getElementById('inputter').value;
    var plus = str;
    var output = '';
    for(count = 0; count < 5; count++, str += plus) {
        output += "<br />" + str;
    }
    document.getElementById('output').innerHTML = output;
};
</script>

DEMO

Answer 2

使用div并填充数据：

<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
    <form>
        <input type="text" id="inputter" name="inputter">
        <button id="sub" type="button" onclick="test()">Try It Out</button>
    </form>

    <div id="theText"></div>

    <script type="text/javascript">
        function test() {

            var count;
            var str = document.getElementById('inputter').value;
            var plus = str;
            var theText = document.getElementById('theText');

            for (count = 0; count < 5; count++) {
                str += plus;
                theText.innerHTML = theText.innerHTML + str + '<br/>';
            }
        };
    </script>
</body>
</html>

Answer 3

你的意思是这样的吗？：

var str;

function test() {

    var str += document.getElementById('inputter').value;
    document.write("<br />");
    document.write(str);

}

使用输入文本字段使用Javascript动态更改函数中的值

3 个答案: