我有一个带有meta_key(例如:“ text_style”)和3个值(例如:“ normal”,“ bold”,“ italic”)的选择字段,其后是一个元素(例如:带有文本的div在里面)。
现在,当用户在不重新加载页面的情况下选择它们时,我需要为每个值更新“ changeable-class”(我可以做到)。
如何使用AJAX(或任何其他更简单,更快地加载方式)?我真的需要使用meta_key吗?
看待
这是我的解决方案(感谢@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的解决方案,我真的要感谢他...
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句