VPF::Отображение нового элемента в массиве

sashkouuu

Дата 10.3.2016, 23:30 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 2
Регистрация: 10.3.2016

Репутация: нет
Всего: нет

Доброго времени суток!

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

<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>

samssrus

Дата 11.3.2016, 08:28 (ссылка)

(голосов: 1)

Загрузка ...

Unregistered

...самый простой способ это поправит функцию "function button()":

Код


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

    var e = document.getElementById('Rock');
    var option = document.createElement('option');
    option.value = add;
    e.options.add(option);
}

...должно работать ;)

Этот ответ добавлен с нового Винграда - http://vingrad.com

sashkouuu

Дата 12.3.2016, 14:29 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 2
Регистрация: 10.3.2016

Репутация: нет
Всего: нет

Цитата(samssrus @ 11.3.2016, 08:28)

...самый простой способ это поправит функцию "function button()":

Код


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

    var e = document.getElementById('Rock');
    var option = document.createElement('option');
    option.value = add;
    e.options.add(option);
}

...должно работать ;)

Этот ответ добавлен с нового Винграда - http://vingrad.com

Огромное спасибо за помощь, но не полностью работает. Элемент добавляется но не отображается в выпадающем списке.

ПРОШУ ПОМОЧЬ РАЗОБРАТЬСЯ В ДАНОЙ СИТУАЦИИ. СПАСИБО.

Это сообщение отредактировал(а) sashkouuu - 13.3.2016, 21:13

Rainbow Raccoon

Дата 13.3.2016, 21:33 (ссылка)

(голосов: 0)

Загрузка ...

Unregistered

спасибо -искала тоже

Этот ответ добавлен с нового Винграда - http://vingrad.com

samssrus

Дата 14.3.2016, 14:59 (ссылка)

(голосов: 0)

Загрузка ...

Unregistered

...ааа ;) вот я криворук...
в предпоследней строке вместо option.value = add;
нужно option.text = add;

Код


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

</script>

Этот ответ добавлен с нового Винграда - http://vingrad.com

баян маяф

Дата 22.6.2016, 00:32 (ссылка)

(голосов: 0)

Загрузка ...

Unregistered

Не чего не понял я в этих скриптах)

Этот ответ добавлен с нового Винграда - http://vingrad.com

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »