[monolithed]

<link rel="stylesheet" type="text/css" href="style1.css" />
<script type="text/javascript">

window.onload = function(){
    var selectedElem = document.getElementById("menu").getElementsByTagName('select');
	var getElemsName = document.getElementsByTagName('link');
	var getStyleName = "style2.css"; //название нового подключаемого файла
    for(i=0; i<selectedElem.length; i++) {
        selectedElem[i].onchange = function(){
			for(i=0; i<getElemsName.length; i++){
				var getOldElem = getElemsName[i].getAttribute("href") ;
				if (getElemsName[i].hasAttribute("href") && getElemsName[i].getAttribute("href") != getStyleName){
					getElemsName[i].removeAttribute('href');
					getElemsName[i].setAttribute("href", getStyleName);
					alert('Файл ' + getOldElem+ ' изменент на ' + getElemsName[i].getAttribute("href"));
				}
			}
        }
        selectedElem[i].onfocus = function() {
        this.form.reset();
        }
    }
}
</script>

<div id="menu">
	<form action="">
	<select>
		<option selected="selected" value="0"> - - - выберите - - - </option>
		<option value="1">изменить стиль страницы</option>
	</select>
	</form>
</div>