Правила     Закладки     Карма    Календарь    Журналы    Помощь    Поиск    PDA    Чат   
        СМС-ки
   
Пейджер выключен!
 
Фильтр авторов:    показать 
  скрыть
  Ответ в темуСоздание новой темыСоздание опроса

> Кнопка "Удалить элемент"
leo184  
 ۩  [x] Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Новичок
*

Профиль
Группа: Пользователь
Сообщений: 22
Пользователь №: 27964
На форуме: 6 лет, 8 дней
Карма:




Привет. Есть скрипт динамического добавления элементов формы, помогите пожалуйста его модернизировать и добавить в него удаление этих же элементов. Сам в JS, к сожалению не силен (=


<form method="post">
<table
border="1" id="v_table">
<thead>
<tr>
<th>
xml_id</th>
<th>
значение</th>
<th>
сорт.</th>
<th>
по умол.
<input type="radio" name="default" value="none" checked></th>
</tr>
</thead>
<tbody>
<tr>
<td><input
type="text" name="xml_id[0]"></td>
<td><input
type="text" name="values[0]"></td>
<td><input
type="text" name="val_sort[0]" value="500"></td>
<td><input
type="radio" name="default" value="0"></td>
</tr>
</tbody>
</table>

<input
type="button" onclick="add_value_f()" value="Добавить поле"/>
<input
type="submit" name="send" value="Сохранить">
</form>



<script type="text/javascript">
var d = document;
var last_id = 0;
function add_value_f() {
var tbody = d.getElementById('v_table').getElementsByTagName('tbody')[0];

var row = d.createElement("tr");
tbody.appendChild(row);

var td1 = d.createElement("td");
var td2 = d.createElement("td");
var td3 = d.createElement("td");
var td4 = d.createElement("td");

row.appendChild(td1);
row.appendChild(td2);
row.appendChild(td3);
row.appendChild(td4);

last_id = last_id + 1;

td1.innerHTML = '<input type="text" name="xml_id['+last_id+']">';
td2.innerHTML = '<input type="text" name="values['+last_id+']">';
td3.innerHTML = '<input type="text" name="val_sort['+last_id+']" value="500">';
td4.innerHTML = '<input type="radio" name="default" value="'+last_id+'">';
}
</script>


Это сообщение отредактировал leo184 - 22.07.2016 - 22:24
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
  Быстрый ответ
Информация о Госте
Введите Ваше имя
Кнопки кодов
Для вставки цитаты, выделите нужный текст и
НАЖМИТЕ СЮДА
Введите сообщение
Смайлики
:huh:  :o  ;) 
:P  :D  :lol: 
B)  :rolleyes:  <_< 
:)  :angry:  :( 
:unsure:  :blink:  :ph34r: 
     
Показать всё

Опции сообщения  Включить смайлики?
 Включить подпись?
 
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:

Опции темы Ответ в темуСоздание новой темыСоздание опроса