форма select

@Sashka · Регистрация: 03.04.2009

Author24 — интернет-сервис помощи студентам

Есть два списка select. Работаю с базой данных. Как сделать, чтобы выбрав какое-нибудь значение из первого списка, значения во втором менялись на другие в зависимости от первого?

@IamSCORPION · 30.04.2010, 16:13

Сообщение от Sashka

Есть два списка select. Работаю с базой данных. Как сделать, чтобы выбрав какое-нибудь значение из первого списка, значения во втором менялись на другие в зависимости от первого?

HTML5

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Списки</title>
<script type="text/javascript">
function syncList()
{}
 
syncList.prototype.sync = function()
{
        for (var i=0; i < arguments.length - 1; i++)
        {       
                document.getElementById(arguments[i]).onchange = (function (o, id1, id2) { return function() { o._sync(id1, id2); }; }) (this, arguments[i], arguments[i+1]);
        }
        document.getElementById(arguments[0]).onchange();
}
 
syncList.prototype._sync = function (firstSelectId, secondSelectId)
{
        var firstSelect = document.getElementById(firstSelectId);
        var secondSelect = document.getElementById(secondSelectId);
 
        secondSelect.length = 0;
        
        if (firstSelect.length > 0)
        {
                var optionData = this.dataList[firstSelect.options[firstSelect.selectedIndex == -1 ? 0 : firstSelect.selectedIndex].value];
                for (var key in optionData || null) 
                {
                        secondSelect.options[secondSelect.length] = new Option(optionData[key], key);
                }
                
                if (firstSelect.selectedIndex == -1) 
                {
                        setTimeout( function(){ firstSelect.options[0].selected = true;}, 1 );
                }
                
                if (secondSelect.length>0) 
                {       
                        setTimeout( function(){ secondSelect.options[0].selected = true;}, 1 );
                }
        }
        secondSelect.onchange && secondSelect.onchange();
};
</script>
</head>
        Список 1<br>
        <select style='width:250px;' class='search_form_select' size='1' id='List1'>";
                        <option value='0'>- Выбрать лигу -</option>";
            <option value='1'>Лига 1</option>";
            <option value='2'>Лига 2</option>";
            </select>
        <br><br>
                
        Список 2<br>
        <select name='m_home' style='width:130px;' size='1' id='List2'></select>
                 
                <script type="text/javascript">
                        var comand = new syncList;
                        comand.dataList = 
                        {
                                '0':
                                {
                                        '0':'- Выберите лигу -'
                                },
 
                                '1':
                                {
                                        'Л1.1':'Лига 1.1',
                                        'Л1.2':'Лига 1.2',
                                        'Л1.3':'Лига 1.3'
                                },
 
                                '2':
                                {
                                        'Л2.1':'Лига 2.1',
                                        'Л2.2':'Лига 2.2',
                                        'Л2.3':'Лига 2.3'
                                }
                        };
                        comand.sync("List1", "List2");
                </script>
</body>
</html>

@Sashka 14 / 14 / 2 Регистрация: 03.04.2009 Сообщений: 72
		1
	форма select 30.04.2010, 10:00. Показов 1322. Ответов 1 Метки нет (Все метки) Есть два списка select. Работаю с базой данных. Как сделать, чтобы выбрав какое-нибудь значение из первого списка, значения во втором менялись на другие в зависимости от первого? 0

	30.04.2010, 16:13