<form METHOD=GET  action="url.php" target=center   enctype="multipart/form-data" >

<script type="text/javascript">
 
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 optionValue = firstSelect.options[ firstSelect.selectedIndex==- 1  ?  0  : firstSelect.selectedIndex].value; var optionData = this.dataList[optionValue]; if (!optionData) optionData = this.dataList[parseInt(optionValue)];
         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>



<select size="1" id="sale" name="sale"    style="border: 1px solid #333333; background-color:#ffffff; color:#000000;">
 <option value="no_action">Выберите</option>
 <option value="1">Один</option>
 <option value="2">Два</option>
 <option value="3">Три</option>
 <option value="4">Четыре</option>
</select>
 
<select size="1" id="tavar" name="tavar"></select>


<script type="text/javascript">
JavaScript: 
 var syncList1 = new syncList;
 syncList1.dataList =
 {
  '1':
   {
    '1':'Photoshop', 
    '2':'ColerDrow',
    '3':'3DMax',
    '4':'Cinena4D'
     },
  'no_action':
   {
   'no_action':'--'        
 },
  '2':
   {
   '5':'php',
   '6':'perl', 
   '7':'ActionScript'
 },
  '3':
   {
   '8':'xxxxx',
   '9':'xxxxxx',
   '10':'xxxxx'
},
  '4':
   {
   '11':'yyyy',
   '12':'yyyyy' 
}
};
  
 syncList1.sync("sale","tavar"); 

</script>
<input type="submit" style="border: 1px solid #333333; background-color:#ffffff; color:#000000;" value="OK">
</form>