CSS的条件逻辑,如果使用ajax / jquery的选择字段(带有meta_key)具有特定值

魔术男孩

我有一个带有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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

具有条件逻辑的JQuery .css()函数

使用 SQL 使用条件逻辑过滤值

使用条件逻辑更改R中的值

带枚举字段的条件逻辑

重复字段内的条件逻辑

根据条件逻辑更新表列的值

具有混合dtypes的熊猫条件逻辑

附加到现有的JSX而不是使用if-else条件逻辑

带前缀的所有值的条件逻辑

如何使用 mongoose db.collection.find() 的返回值编写条件逻辑?

如何使用jQuery选择具有特定值的按钮元素?

有没有办法使用jQuery选择具有特定内部值的特定类

没有dom元素的角模板条件逻辑

Mongodb导出有条件逻辑?

使用 meta_key、meta_value 的 SQL 查询并有 2 个条件

如何在Wordpress中使用自定义mysql查询对带有meta_key的帖子进行排序?

SQL条件逻辑选择“最合适的”记录

如果使用条件逻辑,则PHP效率更高

用mypy处理条件逻辑+哨兵值

熊猫根据缺失值的条件逻辑添加新列

从默认部分中的 numpy 条件逻辑返回列值

在Jinja模板中使用条件逻辑处理用户选择(Caesar cipher Django Web应用程序)

使用jQuery选择所有具有特定CSS的元素

重力形式:条件逻辑时不显示,即使使用wp_footer()和本节中下载的jQuery也是如此

如何使用jQuery通过具有特定值的数据属性选择所有元素

如何使用jQuery选择具有特定ARIA值的所有元素?

具有条件逻辑的Excel查找包含“ X”的最后一行

IOS/Objective-C/Core Data:具有复杂条件逻辑的 NSPredicates

MySQL触发器条件逻辑具有意外行为