КАК ОСТАНОВИТЬ - ЦИКЛ?!
Добрый вечер.
я сделал бесконечный цикл.. НАДО ПОЛУЧИТЬ ДЫННЫЕ ИЗ INPUT (допустим я ввел 7) И ПРИ НАЖАТИИ НА КНОПКУ ДОЛЖЕН ПОЯВИТЬСЯ (добавиться) СЛЕДУЮЩИЙ INPUT СО ЗНАЧЕНИЕ 8, И ТАК ДАЛЕЕ (еще клик - еще +1 input cо значение n+1, где n предыдущее значение input, в данном примере это 9) З.Ы.- по возможности, пожалуйста, варианты на JS а не на JQ.. Пожалуйста помогите, заранее Спасибо!
<html>
<head></head>
<body>
<p>It's start page...</p>
<script>
function addText() {
for(i=document.getElementById('text').value;i++<i+1;){
var fg ='<input value="seria ' + i +'" size="20">';
document.getElementById('wer').innerHTML+=fg;
}
}
</script>
<div id="wer">
</div>
<input type="text" id="text" size="20" value="1s">
<input type="button" id="vzialtext" onclick="addText()" value="+" />
</body>
</html>
|
Для твоей задачки цикл вовсе не нужен...
|
Как вариант...
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(document).ready(function (){
$('#vzialtext').click(function (){
var l,val;
l=$('#container :text').length;
val='<input value="seria ' + l +'" size="20" />';
$('#container').append(val);
});
});
</script>
</head>
<body>
<div id='container'>
<input type="text" id="text" size="20" value="1s" />
</div>
<input type="button" id="vzialtext" value="+" />
</body>
</html>
|
i++<i+1; гениально :) |
Спасибо
|
ksa,спасибо за помощь
|
ksa,это не совсем то что надо - задача была получить значение из input (допустим я ввел 6) , а при нажатии на кнопку + я получал бы следующий input но с номером 7 (и так далее тоесть при каждом последующем нажатии получал бы на 1-цу больше)
|
Цитата:
Цитата:
|
ksa,тестовый пример сверху вставлен я для него это и делаю....
а сделать надо что бы построчно добавлялись inputы но начинали с номера который я введу.. |
Цитата:
Цитата:
Картинкой чёле покажи... |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<script>
i=false;
window.onload = function() {
document.getElementById('b').onclick = function() {
if (i===false) i = parseFloat(document.getElementById('fi').value);
if(isNaN(i)) return;
var inp = document.createElement('input');
inp.value = ++i;
inp.type="text";
document.body.insertBefore(inp,this);
}
}
</script>
</head><body>
<input type="text" id="fi">
<input type="button" id="b" value="+">
</body></html>
|
Огромное спасибо всем кто откликнулся и помог.
Благодаря Вам я смог написать скрипт в котором нуждался:
<html>
<head></head>
<body>
<input type="text" id="weryyy" size="20" value="">
<script>
function addText() {
for (i=0;i<=1000;i++) {
if (i=1000) {
f = document.getElementById('con');
w = f.getElementsByTagName('input').length;
t = parseInt(document.getElementById('weryyy').value);
x = ++w + t;
var er = '<input id="qw" value="errr ' + x + '" size="10">';
document.getElementById('con').innerHTML+=er;
}}}
</script>
<input type="button" id="vzialtext" onclick="addText()" value="+" />
<div id='con'>
</div>
</body>
</html>
|
| Часовой пояс GMT +3, время: 06:50. |