Задать вопрос
@1bubaleh
javascript

Почему не работает +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 Оценить Комментировать
Решения вопроса 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. Хотя пока не ясно зачем они нужны.
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 2
iiiBird
@iiiBird
Пока ты спишь - твой конкурент совершенствуется
ну наверно потому что это строка, а не integer
Ответ написан
2 комментария
2 комментария
@WQP
Оборачивайте математические операции в parseInt()
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36 • Воронеж
от 100 000 до 200 000 ₽
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Нужен копирайтер для тг канала
15 нояб. 2024, в 14:07
20000 руб./за проект
Дизайн+верстка лендинга
15 нояб. 2024, в 14:05
15000 руб./за проект
Веб-сервис сбора отзывов с автоответами
15 нояб. 2024, в 13:29
50000 руб./за проект
Ещё заказы