условная логика для css, если поле выбора (с meta_key) имеет конкретное значение, используя ajax / jquery

У меня есть поле выбора с meta_key (например: ‘text_style’) и 3 значениями (например: ‘normal’, ‘bold’, ‘italic’), и элементом после него (например: div с текстом в этом).

Теперь мне нужно обновить «changeable-class» для каждого значения, когда пользователь выбирает их без перезагрузки страницы (я могу это сделать).

Как это сделать с помощью AJAX (или любым другим способом, который проще и быстрее при загрузке)?
Нужно ли использовать meta_key, чтобы сделать это на самом деле?

Рассматривать

0

Решение

Это мое решение (спасибо и относительно @moped):

//JavaScript
document.getElementById('StyleSelection').onchange = function(){
document.getElementById('myDiv').className = this.value;
};
/* css */

.normal { font-style: normal;}
.bold {font-weight: bold;}
.italic {font-style: italic;} 
<!-- html -->

<form id="myform" action="#">
<select id="StyleSelection">
<option value="">Please select...</option>
<option value="normal">Normal</option>
<option value="bold">Bold</option>
<option value="italic">Italic</option>
</select>
</form>

<div id="myDiv">This is myBox</div> 
0

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]