Главная
JavaScript
Контакты
Услуги
Список в форме отсортирован по имени
Используйте Shift и Ctrl при выделении
Люблю:
ветер
дождь
ливень
мороз
наводнение
снег
тепло
ураган
холод
Не люблю:
грозу
духоту
жару
Информацию можно перекидывать из одного поля OPTION в другое поле OPTION.
<html> <head> <title>Информацию можно перекидывать из одного поля OPTION в другое поле OPTION.</title> <SCRIPT language=JavaScript> <!-- function move(fbox,tbox) { for(var i=0; i<fbox.options.length; i++) { if(fbox.options[i].selected && fbox.options[i].value != "") { // Add Option to tbox var no = new Option(); no.value = fbox.options[i].value; no.text = fbox.options[i].text; tbox.options[tbox.options.length] = no; // Clear option in fbox fbox.options[i]=null; i--; } } SortD(tbox); } function SortD(box) { var temp_opts = new Array(); var temptxt = new Object(); var tempval = new Object(); // Load temp array for(var i=0; i<box.options.length; i++) { temp_opts[i] = box.options[i]; } //sort temporary for(var x=0; x<temp_opts.length-1; x++) { for(var y=(x+1); y<temp_opts.length; y++) { if(temp_opts[x].text > temp_opts[y].text) { temptxt = temp_opts[x].text; temp_opts[x].text = temp_opts[y].text; temp_opts[y].text = temptxt; tempval = temp_opts[x].value; temp_opts[x].value = temp_opts[y].value; temp_opts[y].value = tempval; } } } for(var i=0; i<box.options.length; i++) { box.options[i].value = temp_opts[i].value; box.options[i].text = temp_opts[i].text; }} function Select(box) { for(var i=0; i<box.options.length; i++) { box.options[i].selected = true; }} // --> </SCRIPT> </head> <body> <table><tr><td><em>Список в форме отсортирован по имени<br> Используйте Shift и Ctrl при выделении</em></td> <td><FORM action="" method=post><TABLE border=0><TR><TD> Люблю:<br><SELECT multiple name=list1 size=4> <OPTION value=11>ветер</OPTION><OPTION value=12>дождь</OPTION><OPTION value=13>ливень</OPTION> <OPTION value=14>мороз</OPTION><OPTION value=15>наводнение</OPTION><OPTION value=16>снег</OPTION> <OPTION value=17>тепло</OPTION><OPTION value=18>ураган</OPTION><OPTION value=19>холод</OPTION> </SELECT></TD><TD> <br> <br> <INPUT name=B1 onclick=move(this.form.list1,this.form.list2) type=button value=" >> "><BR> <INPUT name=B2 onclick=move(this.form.list2,this.form.list1) type=button value=" << "> </TD><TD>Не люблю:<br><SELECT multiple name=list2 size=4> <OPTION value=21>грозу</OPTION><OPTION value=22>духоту</OPTION><OPTION value=23>жару</OPTION> </SELECT></TD></TR></TABLE></FORM></td></tr></table> </body> </html>
Дизайн
Scriptic
.