Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 31.01.2016, 20:51
Новичок на форуме
Отправить личное сообщение для Sashkouuu Посмотреть профиль Найти все сообщения от Sashkouuu
 
Регистрация: 27.01.2016
Сообщений: 7

Отображение нового элемента в массиве
Доброго времени суток!

Есть скрипт в котором есть выпадающий список, который берет данные с массива и есть текстовое поле с кнопкой, которые добавляют новые элементы в массив.
Нужна помощь в следующем: как сделать так, что бы после добавления нового элемента, при вызове выпадающего списка, новый элемент отображался уже в списке.

<html>
<head>
<title>TTL</title>
<meta charset= "utf-8">
</head>
<body>

Твердость : <select id = 'Rock'>


<script>
var arr = new Array('TH - 415','TH - 465','TS - 275','TS - 260');

window.onload = function() // Функция выпадающего списка Твердость
{
var e = document.getElementById('Rock');

for (var i = 0; i < arr.length; i++)
{
var option = document.createElement('option');
option.innerHTML = arr[i];
e.appendChild(option);
}

}

function button(){ //Функция добавления в массив Твердость
var add=document.getElementById('text').value
arr.push(add);

}

</script>

Твердость <select id="Rock"</select> <!--Выпадающий список-->

Добавить <input type='text' id='text'> <!-- Добавление элемента в массив-->
<input type="button" onclick="button(); reload_()" value="+"/>
</body>
</html>
Ответить с цитированием
  #2 (permalink)  
Старый 31.01.2016, 21:02
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,055

Sashkouuu,
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]


О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.
Ответить с цитированием
  #3 (permalink)  
Старый 31.01.2016, 21:02
Аватар для destus
Профессор
Отправить личное сообщение для destus Посмотреть профиль Найти все сообщения от destus
 
Регистрация: 18.05.2011
Сообщений: 1,207

Добавлять text.value сразу в select, а не в массив
Ответить с цитированием
  #4 (permalink)  
Старый 31.01.2016, 21:08
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,055

Сообщение от destus
Добавлять text.value сразу в select, а не в массив
а если 10 раз введут одно и тоже?
Ответить с цитированием
  #5 (permalink)  
Старый 01.02.2016, 10:07
Аватар для destus
Профессор
Отправить личное сообщение для destus Посмотреть профиль Найти все сообщения от destus
 
Регистрация: 18.05.2011
Сообщений: 1,207

Сообщение от рони Посмотреть сообщение
а если 10 раз введут одно и тоже?
Типо такого...

var isUnique = function(nodeArray,text)
		{	
			for (var i = 0; i < nodeArray.length; i++)
			{	
				if ( nodeArray[i].textContent == text ) return false;
			}
			return true;	
		}

button.addEventListener('click',function(e){
			var e = e || event;
			var op = sel.getElementsByTagName('option');
			if (isUnique(op,text.value)){
				addOption(sel,text.value);
				text.value = '';
			}
			else alert('No');
		}, false);
Ответить с цитированием
  #6 (permalink)  
Старый 01.02.2016, 10:14
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,055

destus,
а где addOption?
Ответить с цитированием
  #7 (permalink)  
Старый 01.02.2016, 10:33
Аватар для destus
Профессор
Отправить личное сообщение для destus Посмотреть профиль Найти все сообщения от destus
 
Регистрация: 18.05.2011
Сообщений: 1,207

Сообщение от рони Посмотреть сообщение
destus,
а где addOption?
хотелось бы чтобы автор сам подумал над такой простой задачей...

var addOption = function(parent,node){
			var option = document.createElement('option');
			option.innerHTML = node;
			parent.appendChild(option);	
		}
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Почему не работает селектор для нового элемента Prorab337 jQuery 21 10.12.2015 14:58
получение значений из массива и вставка нового элемента malefikus13 Общие вопросы Javascript 7 06.10.2015 12:56
Создание программно нового элемента в Sortable Novozar2 jQuery 2 06.03.2014 14:47
Отображение элемента по середине экрана rolling Events/DOM/Window 5 17.12.2011 16:12
Добавление нового элемента в документ htaccess Оффтопик 7 22.06.2010 23:49