Здравствуйте.
Подскажите как делается динамически изменяемый список. А именно мне нужно следующее:
Чтобы я мог выводить список в виде "Раскрывающего списка" и добавлять в него новое значение по мере необходимости.
1. victor - 24 Октября, 2007 - 01:29:41 - перейти к сообщению
2. Furax - 24 Октября, 2007 - 02:20:16 - перейти к сообщению
victor
Сейчас балом правит DOM2, так что лучше всего сделать вот так:
Сейчас балом правит DOM2, так что лучше всего сделать вот так:
CODE:
<select id="mySelect">
<option value="1">Первый вариант</option>
<option value="2">Второй вариант</option>
</select>
<script type="text/javascript">
<!--
function addOption(text, value)
{
var option=document.createElement('option');
option.setAttribute('value', value);
var textNode=document.createTextNode(text);
option.appendChild(textNode);
var select=document.getElementById('mySelect');
select.appendChild(option);
}
addOption('Третий вариант', 3);
//-->
</script>
<option value="1">Первый вариант</option>
<option value="2">Второй вариант</option>
</select>
<script type="text/javascript">
<!--
function addOption(text, value)
{
var option=document.createElement('option');
option.setAttribute('value', value);
var textNode=document.createTextNode(text);
option.appendChild(textNode);
var select=document.getElementById('mySelect');
select.appendChild(option);
}
addOption('Третий вариант', 3);
//-->
</script>
3. victor - 24 Октября, 2007 - 02:44:56 - перейти к сообщению
Furax спасибо только это несовсем то что я имел в виду.
В твоем примере получается script отвечает за добавление при показе.
А мне надо получить имеющийся список плюс пустую строчку которую можно было бы отредактировать. Таким образом я добавлю своё значение по мере необходимости.
Тоесть внести свое значение со стороны пользователя.
В твоем примере получается script отвечает за добавление при показе.
А мне надо получить имеющийся список плюс пустую строчку которую можно было бы отредактировать. Таким образом я добавлю своё значение по мере необходимости.
Тоесть внести свое значение со стороны пользователя.
4. Furax - 24 Октября, 2007 - 03:49:24 - перейти к сообщению
victor
Элементарно!
Элементарно!
CODE:
<form onsubmit="addOption(this.text.value, this.value.value); return false;">
<input type="text" name="text">
<input type="text" name="value">
<input type="submit" value="Добавить!">
</form>
<input type="text" name="text">
<input type="text" name="value">
<input type="submit" value="Добавить!">
</form>