Ответы пользователя по тегу HTML
  • Как вставить в value значение из цикла по порядку?

    rassel101
    @rassel101
    back-end разработчик
    Вот так например. Правда не пойму что за задача стоит перед вами.
    <!DOCTYPE html>
    <html>
    <head>
    	<title></title>
    	<meta charset="utf-8">
    </head>
    <body>
    	<form method="post">
    		<?php 
    			$inputs = array('Первое поле', 'Второе поле');
    			$isPost = !! isset($_POST['submit']);
    		?>
    
    		<?php for($i = 0; $i < 2; $i++) : ?>
    			<?php echo $inputs[$i]; ?><br><input type="text" value="<?php echo ($isPost) ? sprintf("Значение переменной i равно %s", $i + 1) : ''; ?>"><br>
    		<?php endfor; ?>
    
    		<input type="submit" value="Отправить" name="submit">
    	</form>
    </body> 
    </html>


    Тоже самое javascript'том делается проще

    <!DOCTYPE html>
    <html>
    <head>
    	<title></title>
    	<meta charset="utf-8">
    </head>
    <body>
    	<form method="post" id="form">
    		Первое поле<br> <input type="text"><br>
    		Второе поле<br> <input type="text"><br><br>
    		
    		<input type="submit" value="Отправить" name="submit">
    	</form>
    
    	<script type="text/javascript">
    		var formContainer = document.querySelector('#form'),
    			button = formContainer.querySelector('input[type="submit"]');
    
    		button.addEventListener('click', function(event) {
    			var inputs = formContainer.querySelectorAll('input[type="text"]');
    
    			[].forEach.call(inputs, function(input, index) {
    				input.value = 'Значение переменной i равно ' + (++index);
    			});
    
    			event.preventDefault();
    		});
    	</script>
    </body> 
    </html>


    https://jsfiddle.net/jtmo5zgm/
    Ответ написан
    1 комментарий