php - 如果选择字段（带有 meta_key）具有使用 ajax/jquery 的特定值，则 css 的条件逻辑

Question

我有一个带有 meta_key（例如：'text_style'）和 3 个值（例如：'normal'、'bold'、'italic'）的选择字段，以及它后面的元素（例如：带有文本的 div在里面）。

现在我需要为每个值更新“可更改类”，当用户选择它们而不重新加载页面时（我可以做到）。

如何使用 AJAX（或任何其他更简单、更快的加载方式）？我真的需要使用 meta_key 吗？

看待

Answer 1

这是我的解决方案（感谢@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> 

如果每个人都有一个使用 meta_key 的解决方案，我真的很感谢他......关于