Форум

nayldock · #1 (**permalink**) 06.01.2015, 17:19

Здравствуйте! Есть список со шрифтами. При выборе нужного элемента списка, весь шрифт в документе должен поменяться, НО это происходит лишь при обновлении страницы, и срабатывает значение установленное в списке с индексом 0. Как решить эту задачу? Заранее благодарю:
<select name="mySelect" id="font">
<option value ="Cons">Consolas</option>
<option value="Verd">Verdana</option>
<option value="Cour">Courier new</option>
<option value="TNR">Times new roman</option>
<option value="Imp">Impact</option>
</select>

<script>
var objSel = document.getElementById("font");

switch (objSel.selectedIndex)
{
	case 0: document.body.style.fontFamily = "Consolas"; break;
	case 1: document.body.style.fontFamily = "Verdana"; break;
	case 4: document.body.style.fontFamily = "Impact"; break;

}
</script>

рони · #2 (**permalink**) 06.01.2015, 17:38

nayldock,
оформи в виде функции -- функцию привяжи к селекту onchange="моя_функция()"

nayldock · #3 (**permalink**) 06.01.2015, 17:53

Ну дела, спасибо большое! я так и делала, только функцию привязала не к селекту, а к каждому option. Уже и кнопку приделала, с кнопкой работает конечно, но вот не догадалась к самому селекту функцию привязать.

krutoy · #4 (**permalink**) 06.01.2015, 18:40

nayldock,
Немного рефакторинга

<html>
<head>
</head>
<body>
foo <br>
<select name="mySelect" id="font">
<option>Consolas</option>
<option>Verdana</option>
<option>Courier new</option>
<option>Times new roman</option>
<option>Impact</option>
</select>

<script>

document.getElementById("font").onchange=function(){
   document.body.style.fontFamily=this.value
}

</script>
</body>
</html>

Форум

Справочник

Discord чат

Курсы javascript