VPF::Как добавлять и удалять опции из списка?

flashgirl

Дата 3.8.2005, 14:42 (ссылка)

(голосов: 0)

Загрузка ...

Unregistered

Код


<input type="checkbox" alt="Пункт1" onclick='InsertTable("Пункт1")'>

тюкаем мышкой в чекбокс напротив "Пункт1" - в поле текста появляется "Пункт1". как сделать, чтобы при повторном клике на чекбокс из текстового поля удалялся "Пункт1"? т.е. чтобы форма не вся очищалась, а только то, что соответствует надписи возле чекбокса (т.к. в данном случае - "Пункт1" из текстового поля)? smile

сейчас скрипт реагирует на клик однозначно - что ставь галку в чекбоксе, что вынимай оттуда, в текстовом поле каждый раз будет появляться копии "Пункт1". что нужно дописать? я так предполагаю, нужно задать дополнительное условие после onclick='InsertTable("Пункт1")', что-то подобное onDoubleClick='????Table("Пункт1")'. вот только что вписать вместо знаков вопроса я нинаю.... smile

Sardar

Дата 3.8.2005, 18:01 (ссылка)

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

Загрузка ...

Бегун

Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

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

Можно искать и удалять необходимые строки из текстового поля, но дело рискованное, можно что нибудь левое удалить smile

НО кажеться мне что делаешь ты список, в который набиваем элементы(товары и т.д.). А почему бы тебе в таком случае не создать действительно список, поставить ему необходимый размер и возможность селектрировать всё?

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
</head>

<body>
<script type="text/javascript">
<!--
function InsertTable(opt) {
   var l=document.getElementById("mylist");
   for(var i=0; i<l.options.length; i++) {
     if(l.options[i].value==opt) {
        l.removeChild(l.options[i]);
        return;
     }
   }
   var o=document.createElement("OPTION");
   o.name="opts[]";
   o.value=opt;
   o.appendChild(document.createTextNode(opt));
   l.appendChild(o);
}

//-->
</script>
<select id="mylist" size="5" multiple="multiple" style="width: 200px; float: left; margin-top: 12px;">
</select>
<fieldset style="padding: 5px; float: left; margin: 3px 5px;"><legend>Options</legend>
  <label>Пункт1: <input type="checkbox" title="Пункт1" onclick='InsertTable("Пункт1")' /></label><br />
  <label>Пункт2: <input type="checkbox" title="Пункт2" onclick='InsertTable("Пункт2")' /></label><br />
  <label>Пункт3: <input type="checkbox" title="Пункт3" onclick='InsertTable("Пункт3")' /></label><br />
  <label>Пункт4: <input type="checkbox" title="Пункт4" onclick='InsertTable("Пункт4")' /></label>
</fildset>
</body>
</html>

--------------------

Опыт - сын ошибок трудных © А. С. Пушкин
Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
Оценить мои качества можно тут.

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