powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Динамические SELECT-ы на JavaScript
7 сообщений из 7, страница 1 из 1
Динамические SELECT-ы на JavaScript
    #35905506
shieldHR
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Доброго времени суток!
Имееться два селекта, один заполненый второй пустой, как при помощи javascript перенести выделенные элементы из одного списка на другой.
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
<select name="InpItem_TMP" id="InpItem_TMP" multiple size="7" style="width:150px;">
<option value="001"> 001 </option>
<option value="002"> 002 </option>
<option value="004"> 003 </option>
<option value="004"> 004 </option>
<option value="005"> 005 </option>
</select>
<select name="InpItem" id="InpItem" multiple size="7" style="width:150px;">
</select>
я нашел вот такую фцию, но как получить выделенный элемент я хз
Код: plaintext
1.
InpItem.appendChild(oOption);

спасибо!
...
Рейтинг: 0 / 0
Динамические SELECT-ы на JavaScript
    #35905554
Korcar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
"selectedlndex возвращает целое число, которое соответствует индексу выбранной в окне выбора опции. "
Вайк Аллеи и др. "JavaScript Справочник"
...
Рейтинг: 0 / 0
Динамические SELECT-ы на JavaScript
    #35905612
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Вот примерчик по добавлению

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
...
//Добавить район в список
function AddRn() {
	var txt,val,el,sel,o;
	o=document.forms[ 0 ];
	sel=o.rn1.options(o.rn1.options.selectedIndex);
	txt=sel.text;
	val=sel.value;
	if (Yes(val)) return;
	el=document.createElement("option");
	el.text=txt;
	el.value=val;
	o.rn2.options.add(el);
}
...
<select name="rn1" size="5" onchange="AddRn()">
<option value="L">АЛЕКСЕЕВСКИЙ
<option value="M">БЫКОВСКИЙ
<option value="A">ВОЛЖСКИЙ
...
<option value="h">ЧЕРНЫШКОВСКИЙ
</select>	
<td>
<td>
<select name="rn2" size="5" onchange="DelRn()">
</select>
...

Хотя есть и удаление!

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
...
//Удалить район из списка
function DelRn() {
	var sel,o;
	o=document.forms[ 0 ];
	sel=o.rn2.options.selectedIndex;
	o.rn2.options.remove(sel);
}
...
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
Динамические SELECT-ы на JavaScript
    #35905619
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Этому коду 100 лет в обед... Т.ч. не обезсутьте...
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
Динамические SELECT-ы на JavaScript
    #35905776
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
угу ... страшновастенький код :)
...
Рейтинг: 0 / 0
Динамические SELECT-ы на JavaScript
    #35909005
shieldHR
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Всем спасибо, решил вот так:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
            var i =  0 ;
            window.onload = function(){
                
                getDataForm();
                
            }

            var Now = new Date();
            
            function getDataForm() {
                var book = $('InpPB').options[$('InpPB').selectedIndex].value//$F('InpPB').value;
                var pars = { rnd: Now.getDate()+ Now.getMonth() + 
                                        Now.getFullYear() + Now.getHours() + 
                                        Now.getMinutes() + Now.getSeconds(), search:$F('search'),book:book};
                $('InpItem_TMP').disabled = true;

                    new Ajax.Updater('InpItem_TMP', 'getdataform.jsp',
                    { method: 'get',
                    parameters: pars,
                    onComplete: function () {
                        $('InpItem_TMP').disabled = false;
                    }
                  }
                //};
              ); 
             }
            
function reportError(request) {
     document.title = "Ошибка запроса!";
     document.getElementById('InpData').innerHTML = "<option>Error</option>";
}

function add_member(){
    var tOption = document.f1.InpItem_TMP;
    var oOption = document.f1.InpItem;
    
    var flag =  0 ;
    
    if(oOption.options.length !=  0 ){
        for (i= 0 ; i < oOption.options.length; i++){
            if(tOption.options[tOption.selectedIndex].value == oOption.options[i].value){
                flag =  1 ;
            }
        }
        if (flag == 0 ){
            oOption.appendChild(tOption.options[tOption.selectedIndex]);
        }else{
            alert("Такой элемент уже добавлен в список!");
        }
    }else{
        oOption.appendChild(tOption.options[tOption.selectedIndex]);
    }
    
}

function remove_member(){
    var dOption = document.f1.InpItem;
    dOption.remove(dOption.selectedIndex);    
}

...
Рейтинг: 0 / 0
Динамические SELECT-ы на JavaScript
    #35909218
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Валюе незя юзать?
Код: plaintext
document.getElementById['InpItem_TMP'].appendChild(document.getElementById('InpItem_TMP').value);
...
Рейтинг: 0 / 0
7 сообщений из 7, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Динамические SELECT-ы на JavaScript
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]