Чёт вообще забыл , да и в интернете не могу найти .
Как сделать двойной выпадающий список ?

<select>
 <option value="0">Выбрать</option>
 <option value="1">Кастрюля</option>
<select>

Есть два выбора ,
-выбор
-кастрюля
--вилка
--половник

Как сделать 2 списка чтобы в первом выбрать кастрюля , то во втором был выбор вилка и половник ?

UP
Раньше видел такой список вы подающий на mail , но он переделали его .
-Московская Область
--Балашиха
--Ногинск
И тд.
В первом списке выбираешь город (область) , а дальше уже во втором списке города .
Как реализовать такое ?

http://www.tigir.com/javascript_select.htm

или jquery - ссылка

<select onchange="getRow(this.value)" id="parent" name="parent">
 <option disabled="disabled" selected="selected">Выбор авто</option>
 <option value="vaz">ВАЗ</option>
 <option value="opel">Opel</option>
 <option value="bmw">BMW</option>
</select>
<br />
<select onchange="getMark(this)" id="child" name="child"></select>

<script type="text/javascript">
  child = document.getElementById('child');
  child.style.display = 'none';	
   
  function getRow(type){
      var auto = new Array();
          
      auto['vaz'] = ['2106','2109','2103'];    
      auto['opel'] = ['Astra','Antara','Corsa', 'Corsa OPC 2011'];
      auto['bmw'] = ['BMW X1','BMW X3','BMW X5', 'BMW Z4'];      
      
      var count = auto[type].length;
          
      for(key in auto[type]){
          console.log(auto[type][key]);
         
          var opt = document.createElement('option');
              opt.value = auto[type][key];
              opt.innerHTML = auto[type][key];
              child.appendChild(opt);
      }
      
      child.style.display = 'block';
  }     
  
  function getMark(select){
      alert('Selected: '+select.value);
  }  
</script>

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker