Услуга:   <select size="1" id="List1">
    <option value="in"> Internet </option>
    <option value="mail"> Mail </option>
    <option value="hosting"> Hosting </option>
  </select>
   


<!-- Подчиненный список 1 (изначально пуст) -->

Тариф:   <select size="1" id="List2"></select>
 

<script type="text/javascript">

// Создаем новый объект связанных списков
var syncList1 = new syncList;

// Определяем значения подчиненных списков ( 2  и  3  селектов)
syncList1.dataList = {

/* Определяем элементы второго списка в зависимости 
от выбранного значения в первом списке */

  'in':{
	'in_win1':'128kb/s',
      'in_win2':'256kb/s',
	'in_win3':'512kb/s',
      'in_win4':'1024kb/s',
	'in_win5':'2048kb/s',
	'in_win6':'3096kb/s',
  },
  
  'mail':{
      'mail1':'<=10 mailboxs',
	'mail2':'<=20 mailboxs',
	'mail3':'<=30 mailboxs',
	'mail4':'<=40 mailboxs',

  },

  'hosting':{
      'hosting1':'<=10 Mb',
	'hosting2':'<=20 Mb',
	'hosting'3:'<=30 Mb',
	'hosting4':'<=40 Mb',
	'hosting'5:'<=60 Mb',


  },

};

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