@1bubaleh

Почему не работает +1 в скрипте Jquery?

Добрый вечер, камрады! У меня следующая проблема.
При нажатии кнопки "Кнопочка" вместо показа каждой цифры, они идут все в один ряд.(
Помогите решить проблему.

<!DOCTYPE html>
<html>
 <head>
   <title>!DOCTYPE</title>
   <meta charset="utf-8">
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
   <script>
   	
   	$(document).ready(function() {

   		current = "1";

   		$("button").click(function() {
   		current++;

   		$("#forma").append("<div id='div'><inputs id='bbb' size='30' name='avon'></div>");


   		var bbb = $("#bbb").attr("name");
   		var bbb_current = bbb + current;
   		$("#bbb").attr("name", bbb_current);
   		alert(bbb_current);


   		});
   	});

   </script>
 </head>
 <body>
		<form id="forma">
	Тест: <input type="text" size="10">
	Тест: <input type="text" size="10">
	<button type="button">Кнопочка</button>
		</form>
 </body> 
</html>
  • Вопрос задан
  • 267 просмотров
Решения вопроса 1
Ankhena
@Ankhena Куратор тега JavaScript
Нежно люблю верстку
1. Нельзя второй раз добавлять
<div id='div'><inputs id='bbb' size='30' name='avon'></div>
id можно использовать только один раз => заменить на классы
2. Вы складываете строки

На первом шаге:
current был 1, прибавили +1 =2
вышло avon2

На втором шаге:
bbb = avon2
current =3
bbb_current выходит = avon23

и т.д.

И исправьте inputs на input. Хотя пока не ясно зачем они нужны.
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
iiiBird
@iiiBird
Пока ты спишь - твой конкурент совершенствуется
ну наверно потому что это строка, а не integer
Ответ написан
@WQP
Оборачивайте математические операции в parseInt()
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы