VPF::Выбор в select'е - Форум программистов

AcAlex

Дата 7.11.2008, 19:22 (ссылка)

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

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 24
Регистрация: 12.9.2008

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

Всем привет.
Мне нужно сделать выпадающий список. При этом выбранный элемент должен появляться в строке рядом со списком, элементов в строке может быть несколько. Если нажать на элемент который появился в строке, то он должен пропадать из строки.
Выбранные элементы, те которые находятся в строке, должны передаваться на следующую страничку.
Помогите плиз.

bars80080

Дата 7.11.2008, 21:11 (ссылка)

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

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 15
Всего: 315

событие для селекта onchange, засовываем в некий элемент. я бы предложил в строку засовывать <span title="value option" onclick="delete(this);">text option</span>. примерно так. затем кнопку - перехода на слудующую страницу - она открывает форму, распарсивает строку в скрытые поля и сабмитит её.

с нуля самому делать в падлу. вот если б ты код написал...

AcAlex

Дата 7.11.2008, 22:13 (ссылка)

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

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 24
Регистрация: 12.9.2008

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

bars80080, я не понял, куда по событию onchange можно пихать элементы, чтобы они передались на следующую страницу.
Я тут, потому что не могу написать такой код smile

bars80080

Дата 8.11.2008, 00:02 (ссылка)

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

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 15
Всего: 315

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

событие ончэнджь:

Код


<div id="st">строка: </div><form id="hf" method="post"><input type="button" value="send" onclick="getout();" />
<select id="sb" onchange="todo();">

функции:

Код


function todo() {
    var sd = document.getElementById('sb');
    var gd = document.getElementById('st');
    var opt = sd.getElementsByTagName('option')[sd.selectedIndex];
    gd.innerHTML += '<span title="' + opt.value + '" onclick="del(this);">' + opt.text + '</span>';
}
function del(x) {
    var sd = document.getElementById('st').getElementsByTagName('span');
    var sl = sd.length;
    var str = 'строка: ';
    for(var i = 0; i < sl; i++) {
        if(x != sd[i]) { str += '<span title="' + sd[i].title + '" onclick="del(this);">' + sd[i].innerHTML + '</span>'; }  // здесь можно как-то проще        
    }
    document.getElementById('st').innerHTML = str;
}
function getout() {
    var sd = document.getElementById('st').getElementsByTagName('span');
    var sl = sd.length;
    var str = '';
    for(var i = 0; i < sl; i++) {
        if(x != sd[i]) { str += '<input type="hidden" name="field' + sd[i].title + '" value="' + sd[i].innerHTML + '" />'; }         
    }
    document.getElementById('hf').innerHTML = str;
    document.getElementById('hf').submit();
    
}

что-то в этом роде

Это сообщение отредактировал(а) bars80080 - 8.11.2008, 00:58

AcAlex

Дата 8.11.2008, 00:39 (ссылка)

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

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 24
Регистрация: 12.9.2008

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

bars80080, спасибо щас буду пробовать и разбираться.

bars80080

Дата 8.11.2008, 00:59 (ссылка)

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

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 15
Всего: 315

я там с getelement напортачил, регистр надо соблюдать. подправил

AcAlex

Дата 8.11.2008, 01:48 (ссылка)

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

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 24
Регистрация: 12.9.2008

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

bars80080, я все исправил и все работает. Еще раз спасибо, ты меня очень выручил.

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