VPF::скрытие и отображения селекта

MoLeX

Дата 17.5.2008, 08:09 (ссылка)

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

Загрузка ...

Местный пингвин

Профиль
Группа: Модератор
Сообщений: 4076
Регистрация: 17.5.2007

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

прива всем. есть следующий скрипт:

Код


<html>
<head> 
<title>USER</title> 
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<script type="text/javascript" src="linkedselect.js"></script>
<meta http-equiv="Content-Language" content="ru" /> 
<script type="text/javascript">
function input_new(id)
{
    if(document.getElementById(id).value == "noy")
    {
        document.getElementById(id+"_id").innerHTML = "<input type=\"text\" name="+id+">";
    }
}
</script>
</head>
<body>

<table border="0">
<tr>
    <td>Укажите предприятие:</td>
    <td>&nbsp;</td>
    <td>
        <div id="plant_id">
            <select name="plant" OnChange="input_new('plant');" id="plant">
                <option>Укажите предприятие</option>
                <option value="1">ООО КУМЗ</option>
                <option value="2">ООО УАЗ</option>
                <option></option>
                <option value="noy">его нет в списке...</option>
            </select>
        </div>
    </td>
</tr>

<tr>
    <td>Укажите цех, отдел:</td>
    <td>&nbsp;</td>
    <td>
        <div id="shop_id">
            <select name="shop" OnChange="input_new('shop');" id="shop"></select>
        </div>
    </td>
</tr>

<tr>
    <td>Укажите ФИО:</td>
    <td>&nbsp;</td>
    <td>
        <div id="user_id">
            <select name="user" OnChange="input_new('user');" id="user"></select>
        </div>
    </td>
</tr>
</table>

<script type="text/javascript">
// Создаем новый объект связанных списков
var syncList1 = new syncList;

// Определяем значения подчиненных списков (2 и 3 селектов)
syncList1.dataList = {
                    //    ООО КУМЗ
                        '1':
                        {
                            '1_1':'№ 1',
                            '1_2':'№ 2',
                            '':'',
                            'noy':'его нет в списке...'
                        },
                        
                    // ООО УАЗ
                        '2':
                        {
                            '1_3':'№ 3',
                            '1_4':'№ 4',
                            '':'',
                            'noy':'его нет в списке...'
                        },                        
                        
                        
                    // цех номер 1                    
                        '1_1':
                        {
                            '11_11':'user 11',
                            '11_12':'user 12',
                            '':'',
                            'noy':'его нет в списке...'
                        },
                        
                    // цех номер 2                    
                        '1_2':
                        {
                            '11_21':'user 21',
                            '11_22':'user 22',
                            '':'',
                            'noy':'его нет в списке...'
                        },
                        
                    // цех номер 3                    
                        '1_3':
                        {
                            '11_31':'user 31',
                            '11_32':'user 32',
                            '':'',
                            'noy':'его нет в списке...'
                        },
                        
                    // цех номер 4                    
                        '1_4':
                        {
                            '11_41':'user 41',
                            '11_42':'user 42',
                            '':'',
                            'noy':'его нет в списке...'
                        }                                                                        
                    };

// Включаем синхронизацию связанных списков
syncList1.sync("plant", "shop", "user");
</script>
</body>
</html>

необходимо при выборе в селекте пункта его нет в списке... отображать поле инпут. т.е.
если нет завода в списке то отображаем 3 поля (предприятие, цех, фамилия)
если есть завод но нету цеха то отображаем 2 поля (цех и фамилию)
если есть и завод и цех но нету фамилии в списке то отображаем поле с водом фамилии.

пока что работает только последний пункт smile

Это сообщение отредактировал(а) MoLeX - 17.5.2008, 10:17

Присоединённый файл ( Кол-во скачиваний: 3 )

linkedselect.rar 1,45 Kb

--------------------

Amazing

Ghirik

Дата 17.5.2008, 17:13 (ссылка)

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

Загрузка ...

Опытный

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

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

Откуда у вас взялся syncList?

Почитайте эту статью.

--------------------

Отдадим всё клиенту, пускай его машина мучается...

MoLeX

Дата 18.5.2008, 06:03 (ссылка)

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

Загрузка ...

Местный пингвин

Профиль
Группа: Модератор
Сообщений: 4076
Регистрация: 17.5.2007

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

Ghirik, ты не поверишь, именно от сюда я это и взял. мне только малость модернизировать его надо, а не получается чего-то. а модернизация в плане:

Цитата(MoLeX @ 17.5.2008, 08:09

)

необходимо при выборе в селекте пункта его нет в списке... отображать поле инпут. т.е.если нет завода в списке то отображаем 3 поля (предприятие, цех, фамилия)если есть завод но нету цеха то отображаем 2 поля (цех и фамилию)если есть и завод и цех но нету фамилии в списке то отображаем поле с водом фамилии.

--------------------

Amazing

MoLeX

Дата 18.5.2008, 06:21 (ссылка)

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

Загрузка ...

Местный пингвин

Профиль
Группа: Модератор
Сообщений: 4076
Регистрация: 17.5.2007

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

вот и решил проблему))) может не так красиво но зато работает smile

Код


<script type="text/javascript">
function input_new()
{
    if(document.getElementById("plant").value == "noy")
    {
        document.getElementById("plant_id").innerHTML = "<input type=\"text\" name=\"plant\">";
        document.getElementById("shop_id").innerHTML = "<input type=\"text\" name=\"shop\">";
        document.getElementById("user_id").innerHTML = "<input type=\"text\" name=\"user\">";
    }
    
    if(document.getElementById("shop").value == "noy")
    {
        document.getElementById("shop_id").innerHTML = "<input type=\"text\" name=\"shop\">";
        document.getElementById("user_id").innerHTML = "<input type=\"text\" name=\"user\">";
    }
    
    if(document.getElementById("user").value == "noy")
    {
        document.getElementById("user_id").innerHTML = "<input type=\"text\" name=\"user\">";
    }        
}
</script>

--------------------

Amazing

Ghirik

Дата 18.5.2008, 14:19 (ссылка)

(голосов:1)

Загрузка ...

Опытный

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

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

Ну вот, такое хорошее начинание, так криво закончилось. smile

Вы, видимо, не внимательно прочитали статью. Там есть html-код страницы, а есть ещё и файлик библиотеки, который нужно положить в ту же папку, где сама страница. Вначале запустите в том виде, как предлагает автор, а уже потом вносите свои изменения, следя за соблюдением работоспособности скрипта.

Да, сам файлик содержит просто исчерпывающие комментарии. Почитайте, и станет всё понятно.

Это сообщение отредактировал(а) Ghirik - 18.5.2008, 14:23

--------------------

Отдадим всё клиенту, пускай его машина мучается...

MoLeX

Дата 19.5.2008, 05:57 (ссылка)

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

Загрузка ...

Местный пингвин

Профиль
Группа: Модератор
Сообщений: 4076
Регистрация: 17.5.2007

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

Ghirik, у меня ощущение что вы что-то пропустили в моей писанине. скрипт успешно вставлен иработает, мне нужно его было малость модернизировать что я и сделал.

--------------------

Amazing

Ghirik

Дата 19.5.2008, 14:21 (ссылка)

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

Загрузка ...

Опытный

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

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

Цитата

Ghirik, у меня ощущение что вы что-то пропустили в моей писанине.

Всё! Всё пропустил! smile

Прошу считать мои посты в этой теме несуразной глупостью. smile

--------------------

Отдадим всё клиенту, пускай его машина мучается...

MoLeX

Дата 20.5.2008, 08:43 (ссылка)

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

Загрузка ...

Местный пингвин

Профиль
Группа: Модератор
Сообщений: 4076
Регистрация: 17.5.2007

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

Ghirik, ерунда. забыли и закрыли тему smile

Добавлено через 1 минуту и 10 секунд

--------------------

Amazing

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