Форум

dima_riabets · #1 (**permalink**) 05.01.2015, 22:05

Есть кнопка:

<input type="button" value="+ Input">

Если кликнуть на эту кнопку в таблице с id="dp" добавляется 2 поля:

<input id="qqqh1" placeholder="H1" class="input_other_add_item">
<input id="qqqx1" placeholder="X1" class="input_other_add_item">

Если кликнуть на кнопку еще раз:

<input id="qqqh1" placeholder="H1" class="input_other_add_item">
<input id="qqqx1" placeholder="X1" class="input_other_add_item"> 
<input id="qqqh2" placeholder="H2" class="input_other_add_item">
<input id="qqqx2" placeholder="X2" class="input_other_add_item">

Кликать кнопку можно много раз добавляя каждый раз при этом поля вида:

<input id="qqqh + i" placeholder="H + i" class="input_other_add_item">
<input id="qqqx + i" placeholder="X + i" class="input_other_add_item">

krutoy · #2 (**permalink**) 05.01.2015, 22:30

<html>
<head>
</head>
<body>

<input type="button" value="+ Input">

<table id="dp">
</table>


<script>

c=0
table=document.querySelector("#dp")
document.querySelector("input").onclick=function(){
  var el=document.createElement("tr")
  c++
  el.innerHTML='<td><input id="qqqh'+c+'" placeholder="H'+c+'" class="input_other_add_item"></td><td> <input id="qqqx'+c+'" placeholder="X'+c+'" class="input_other_add_item"></td>'
  table.appendChild(el)
}


</script>
 
</body>
</html>

dima_riabets · #3 (**permalink**) 05.01.2015, 22:47

Спасибо большое!!!

dima_riabets · #4 (**permalink**) 05.01.2015, 22:47

Тему можно закрыть!)

ruslan_mart · #5 (**permalink**) 06.01.2015, 18:12

krutoy, открой для себя методы для работы с таблицами, тут не нужно никаких createElement('tr'). И вообще, таблица - прошлый век.

И опять пропагандируешь написание переменных без var.

krutoy · #6 (**permalink**) 06.01.2015, 18:20

Ruslan_xDD,

Цитата:

GLOB - глобальный контекст (объект window или this)

Это ты что ли писал? Побольше читай таких авторов, я рад за тебя.

Форум

Справочник

Discord чат

Курсы javascript