Я пытаюсь выяснить, как изменить цвет текста веб-страницы с помощью выпадающего меню, Мне удалось успешно изменить цвет фона с помощью выпадающего меню, которое это следующий код:Изменить цвет текста веб-страницы с помощью выпадающего списка
Может ли кто-нибудь посоветовать мне, как это сделать?
Во-первых, переместите свой javascript в отдельную функцию (что является просто хорошей практикой и упрощает чтение/обновление) и установите onChange(); для вызова этой функции со значением передаваемого ей выбора.
Затем написать функцию, чтобы быть что-то вроде этого:
<html>
<head>
<script type="text/javascript">
function updateTextColour(value) {
document.body.style.color = '#' + value;
}
</script>
</head>
<body>
<form>Change the background color:
<select name="backGround" size="1" onChange="updateTextColour(this.value)">
<option value="000000">[Black]</option>
<option value="FF0400">[Red]</option>
<option value="EFE800">[Yellow]</option>
<option value="05EF00">[Green]</option>
<option value="0206FF">[Blue]</option>
<option value="FFFFFF" selected>[White]</option>
</select>
</form>
</body>
</html>
Кроме того, вы можете использовать words for these colours ... эксперимент со следующими JS:
document.body.style.color = "red";
document.body.style.color = "blue";
document.body.style.color = "grey";
@msturdy Спасибо за вашу помощь, вам стало легче понять, –
@Antony Это прекрасно работает; JSFiddle не может выполнять такие функции. Попробуйте запустить его локально. –
@HyperAnthony Я отправил неправильную ссылку, это должно быть http://jsfiddle.net/JRx7x/2/ (нерабочее решение). Его ответ пропустил критический «#», что делает его нефункциональным в jsFiddle. Попробуйте http://jsfiddle.net/JRx7x/3/ (рабочее решение). – Antony
Итак, ваш код работает, но вам все еще нужна помощь? – Jordan
Да, он работает нормально. В чем проблема для него – PSR
Да, приведенный выше код работает, но для изменения цвета фона на веб-странице мне нужна помощь в том, как изменить цвет текста на веб-странице, используя выпадающий список –