Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.05.2013, 23:41
Интересующийся
Отправить личное сообщение для Михаил Мел Посмотреть профиль Найти все сообщения от Михаил Мел
 
Регистрация: 28.03.2011
Сообщений: 27

objectHTMLElement содержание!!
есть код по добавлению и удалению полей формы. не могу понять как выцепить значение отдельных элементов формы....

почитал про работу с HTMLElement но ответа пока не нашел

var countOfFields = 1; // Текущее число полей
var curFieldNameId = 1; // Уникальное значение для атрибута name
var maxFieldLimit = 10; // Максимальное число возможных полей
function deleteField(a) {
  if (countOfFields > 1)
  {
 var contDiv = a.parentNode;
 // .... вот тут хочу найти значение inputa принадлежащего contDiv
 // .... А КАК НЕ МОГУ ПОНЯТЬ!!!!
 contDiv.parentNode.removeChild(contDiv);
 countOfFields--;
 }
 return false;
}

function addField() {
 if (countOfFields >= maxFieldLimit) {
 alert("Число полей достигло своего максимума = " + maxFieldLimit);
 return false;
 }
 countOfFields++;
 curFieldNameId++;
 var div = document.createElement("div");
 div.innerHTML = "<nobr><input name=\"name[" + curFieldNameId + "]\" type=\"text\" class=\"input\" /> <a style=\"color:red;\" onclick=\"return deleteField(this)\" href=\"#\">[—]</a> <input id=\"id[" + curFieldNameId + "]\" name=\"url[" + curFieldNameId + "]\" type=\"text\" class=\"input2\" onChange=\"return delsum(this.value)\" /> <a style=\"color:green;\" onclick=\"return addField()\" href=\"#\">[+]</a></nobr>";
 document.getElementById("parentId").appendChild(div);
 return false;
}
Ответить с цитированием
  #2 (permalink)  
Старый 28.05.2013, 23:56
х.з
Посмотреть профиль Найти все сообщения от dmitriymar
 
Регистрация: 21.11.2010
Сообщений: 4,589

Сообщение от Михаил Мел
// .... вот тут хочу найти значение inputa принадлежащего contDiv
// .... А КАК НЕ МОГУ ПОНЯТЬ!!!!
1 вариант получить все дочерние узлы родителя. пройтись по ним сравнивая значения свойства tagName=='input'
2 вариант Воспользоваться querySelectorAll('input') относительно contDiv
3 вариант Воспользоваться getElementsByTagName('input') относительно contDiv
получить value
Возможно и тип инпута нужно будет проверять в случае "разнородных" инпутов

Сообщение от Михаил Мел
почитал про работу с HTMLElement но ответа пока не нашел
http://javascript.ru/tutorial/dom/search

а если уж на то пошло, судя по коду, что а, это узел input то : a.value

Последний раз редактировалось dmitriymar, 29.05.2013 в 01:21.
Ответить с цитированием
  #3 (permalink)  
Старый 29.05.2013, 00:10
Интересующийся
Отправить личное сообщение для Михаил Мел Посмотреть профиль Найти все сообщения от Михаил Мел
 
Регистрация: 28.03.2011
Сообщений: 27

return - чтобы ссылка не срабатывала

а если уж на то пошло, судя по коду, что а, это узел input то : a.value - вот этого не понял, что вы имели ввиду?

Цитата:
getElementsByTagName('input') относительно contDiv
это вот так - contDiv.getElementsByTagName('input')[0].value - например?

Просто начинаю изучать, а везде только 1 пример - со style.display = block )))

Последний раз редактировалось Михаил Мел, 29.05.2013 в 00:15.
Ответить с цитированием
  #4 (permalink)  
Старый 29.05.2013, 00:14
Интересующийся
Отправить личное сообщение для Михаил Мел Посмотреть профиль Найти все сообщения от Михаил Мел
 
Регистрация: 28.03.2011
Сообщений: 27

Спасибо, сработало.... странно почему раньше не попробовал так.

Цитата:
код в арибуте и так будет "обволакиваться " функцией
- а на что это может повлиять и как правильно. я так понимаю что нам просто надо найти родителя этого объекта и удалить его... поэтому данное решение простое и ни на что повлиять не может....

ваше мнение бы послушал с удовольствием
Ответить с цитированием
  #5 (permalink)  
Старый 29.05.2013, 00:15
х.з
Посмотреть профиль Найти все сообщения от dmitriymar
 
Регистрация: 21.11.2010
Сообщений: 4,589

Сообщение от Михаил Мел
а если уж на то пошло, судя по коду, что а, это узел input то : a.value - вот этого не понял, что вы имели ввиду?
deleteField(this) this указывает на элемент в каком произошло событие , а это input

функция deleteField(a) получает аргумент а, какой является ссылкой на инпут
значение инпута это его свойство value
соответственно в функции , до удаления элемента , если обратится к a.value то результат будет значение инпута.

А вообще, язык изучать нужно с самого начала, с основ , а не со средины

Последний раз редактировалось dmitriymar, 29.05.2013 в 00:17.
Ответить с цитированием
  #6 (permalink)  
Старый 29.05.2013, 00:20
Интересующийся
Отправить личное сообщение для Михаил Мел Посмотреть профиль Найти все сообщения от Михаил Мел
 
Регистрация: 28.03.2011
Сообщений: 27

Цитата:
функция deleteField(a) получает аргумент а какой является ссылкой на инпут
не совсем так.

a.value - выдаст undefinit

Стараюсь изучать с начала но толковых учебников не нашел пока, а читать 800 страниц про то, какие бывают переменные и как работать с массивом - не понимаю как-то такого подхода (((

может вы посоветуете что-нибудь, кроме О'Рилли ))

Последний раз редактировалось Михаил Мел, 29.05.2013 в 00:22.
Ответить с цитированием
  #7 (permalink)  
Старый 29.05.2013, 01:24
х.з
Посмотреть профиль Найти все сообщения от dmitriymar
 
Регистрация: 21.11.2010
Сообщений: 4,589

Все, увидел что там не инпут а ссылка. Структурируйте подобные конструкции -они у вас не читаемые вообще

Последний раз редактировалось dmitriymar, 29.05.2013 в 15:49.
Ответить с цитированием
  #8 (permalink)  
Старый 29.05.2013, 15:07
Интересующийся
Отправить личное сообщение для Михаил Мел Посмотреть профиль Найти все сообщения от Михаил Мел
 
Регистрация: 28.03.2011
Сообщений: 27

буду стараться!! ))))
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Написать toggle menu Just In Live Общие вопросы Javascript 21 22.05.2011 19:08
Chrome devTools и просмотр кода страницы выдают разное содержание T-Mark Общие вопросы Javascript 6 24.03.2011 23:03
Получить содержание другой страницы в переменную Shocker Общие вопросы Javascript 1 08.02.2011 15:51
как в ie получить содержание специфического тега morfie Internet Explorer 6 18.12.2009 10:33
простой show/hide для контента M.C. Элементы интерфейса 44 17.01.2009 19:29