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

Question

我有一个 selection 字段，其中包含 meta_key（例如：'text_style'）和 3 个值（例如：'normal'、'bold' , 'italic'), 以及它后面的一个元素（例如：一个 div 里面有一个文本）。

现在我需要为每个值更新 "changeable-class"，当用户 select 他们没有重新加载页面时（我可以做到）。

如何使用 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 的解决方案，我真的很感谢他... 关注

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

conditional logic for css if a selection field (with meta_key) have specific value using ajax/jquery

php

ajax

wordpress

conditional

meta-key