| Меню сайта |
|
 |
| ФИЗИКА!!! NEW!!! |
|
|
| Русский!!! NEW!!! |
|
|
| Категории раздела |
|
|
| Статистика |
Онлайн всего: 1 Гостей: 1 Пользователей: 0 |
|
|
Информацию можно перекидывать из одного поля OPTION в другое поле OPTION
|
[
]
| 03 Авг 2007, 09:35:44 |
Список в форме отсортирован по имени
Используйте Shift и Ctrl при выделении |
| <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>
|
| Категория: Заполнение форм | Добавил: ceg
|
| Просмотров: 426 | Загрузок: 0
| Рейтинг: 0.0/0 |
|
|
|
| Форма входа |
|
|
| Реклама |
|
|
| Поиск |
|
|
|
