使用輸入文本字段使用Javascript動態更改函數中的值
[英]Dynamically changing a value in a function with Javascript using input text fields
問題描述
我不確定標題是否有意義，但是我試圖通過文本輸入動態地在循環中更改變量的值。
看到目前為止我的代碼
<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
但是表單字段消失了，我必須刷新頁面才能再次執行此操作嗎？ 有沒有辦法我可以動態地做到這一點？ 因此，無需刷新，我希望能夠輸入新的字符串，並且它會改變。
提前致謝！
3 個解決方案
解決方案1
1 已采納 2014-06-05 19:12:23
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>
解決方案2
1 2014-06-05 19:27:47
使用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>
解決方案3
0 2014-06-05 19:06:38
您的意思是這樣嗎？：
var str;
function test() {
var str += document.getElementById('inputter').value;
document.write("<br />");
document.write(str);
}
無法使用JavaScript將輸入文本字段的值轉換為隱藏表單字段的值
[英]Cant seem to get value of input text fields value into hidden form fields using javascript
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.