[html'щик]

Здравствуйте (сразу скажу я немного далек от темы js), есть два списка select (первый видимый, второй невидимый), при выборе первой option в первом селекте нужно чтобы второй селект становился видимым. Помогите пожалуйста

<select>
	  <option>От звука</option>
	  <option>В тональности</option>
  </select>
	<select>
		<optgroup label="До">
		<option>До&#119083</option>
		<option>До&#9837</option>
		<option>До</option>
		<option>До&#9839</option>
		<option>До&#119082</option>
		</optgroup>
		<optgroup label="Ре">
		<option>Ре&#119083</option>
		<option>Ре&#9837</option>
		<option>Ре</option>
		<option>Ре&#9839</option>
		<option>Ре&#119082</option>
		</optgroup>
		<optgroup label="Ми">
		<option>Ми&#119083</option>
		<option>Ми&#9837</option>
		<option>Ми</option>
		<option>Ми&#9839</option>
		<option>Ми&#119082</option>
		</optgroup>
		<optgroup label="Фа">
		<option>Фа&#119083</option>
		<option>Фа&#9837</option>
		<option>Фа</option>
		<option>Фа&#9839</option>
		<option>Фа&#119082</option>
		</optgroup>
		<optgroup label="Соль">
		<option>Соль&#119083</option>
		<option>Соль&#9837</option>
		<option>Соль</option>
		<option>Соль&#9839</option>
		<option>Соль&#119082</option>
		</optgroup>
		<optgroup label="Ля">
		<option>Ля&#119083</option>
		<option>Ля&#9837</option>
		<option>Ля</option>
		<option>Ля&#9839</option>
		<option>Ля&#119082</option>
		</optgroup>
		<optgroup label="Си">
		<option>Си&#119083</option>
		<option>Си&#9837</option>
		<option>Си</option>
		<option>Си&#9839</option>
		<option>Си&#119082</option>
		</optgroup>
	</select>