Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Динамические SELECT-ы на JavaScript / 7 сообщений из 7, страница 1 из 1
01.04.2009, 12:58
    #35905506
shieldHR
shieldHR
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Динамические SELECT-ы на JavaScript
Доброго времени суток!
Имееться два селекта, один заполненый второй пустой, как при помощи 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
| Ответить | Цитировать | Написать  
01.04.2009, 13:15
    #35905554
Korcar
Korcar
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Динамические SELECT-ы на JavaScript
"selectedlndex возвращает целое число, которое соответствует индексу выбранной в окне выбора опции. "
Вайк Аллеи и др. "JavaScript Справочник"
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.04.2009, 13:32
    #35905612
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Динамические SELECT-ы на JavaScript
Вот примерчик по добавлению

Код: 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
| Ответить | Цитировать | Написать  
01.04.2009, 13:33
    #35905619
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Динамические SELECT-ы на JavaScript
Этому коду 100 лет в обед... Т.ч. не обезсутьте...
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.04.2009, 14:17
    #35905776
IDVsbruck
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Динамические SELECT-ы на JavaScript
угу ... страшновастенький код :)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.04.2009, 16:59
    #35909005
shieldHR
shieldHR
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Динамические SELECT-ы на JavaScript
Всем спасибо, решил вот так:
Код: 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
| Ответить | Цитировать | Написать  
02.04.2009, 18:21
    #35909218
Ренат
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Динамические SELECT-ы на JavaScript
Валюе незя юзать?
Код: plaintext
document.getElementById['InpItem_TMP'].appendChild(document.getElementById('InpItem_TMP').value);
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Динамические SELECT-ы на JavaScript / 7 сообщений из 7, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 463ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1454993]:
 0ms
get settings:
 6ms
get forum list:
 10ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 156ms
get topic data:
 13ms
get forum data:
 3ms
get page messages:
 59ms
get tp. blocked users:
 2ms
others: 210ms
total:  463ms
x
x
Закрыть


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