<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<form>
	<select name='fabricante'>
		<option value='1'>Fabricante 1</option>
		<option value='2'>Fabricante 2</option>
		<option value='3'>Fabricante 3</option>
	</select>

	<select name='produtos'>
	</select>

	<div class="hidden produtos-f1">
		<option value='11'>Mouse</option>
		<option value='31'>Teclado</option>
		<option value='41'>Monitor</option>
	</div>

	<div class="hidden produtos-f2">
		<option value='23'>Processador</option>
		<option value='43'>HD</option>
		<option value='12'>Memoria RAM</option>
		<option value='51'>Bateria</option>
	</div>

	<div class="hidden produtos-f3">
		<option value='1'>Notebook</option>
	</div>
</form>

<script>
$(function(){

	$('.hidden').hide();

  $('select[name=produtos]').html($('div.produtos-f1').html());


	$('select[name=fabricante]').change(function(){
		var id = $('select[name=fabricante]').val();

		$('select[name=produtos]').empty();

		$('select[name=produtos]').html($('div.produtos-f' + id).html());

	});

});
</script>