Javascript jQuery-查找选择框的Val并打印到body类

我试图编写一个小脚本，将选择框的值打印到body类

我希望它能在值发生变化时自动将旧类替换为新类（值），这里是我正在为它编写的脚本的一部分

它很好地改变了类，但没有找到页面加载时选择框的初始值

任何帮助都会很棒

---

我想问题出在你的

选择器上

试试这个

if (jQuery("#page_template").val() == 'myvalue') {
    alert(jQuery("#page_template").val());
}

您也可以使用代替或类似

---

设置您的html

<select id="page_template">
    <option value="Default">Default</option>
    <option value="class1">First Class</option>
    <option value="class2">2nd Class</option>
</select>

试试这个：

jQuery('#page_template').change(function () { // on change event
    var cls = jQuery(this).val();
    jQuery('body').removeAttr("class");
    jQuery('body').addClass(cls); // set the new class
});

希望这有帮助
**HTML**
违约
头等舱
二等舱
**JS**
jQuery（文档）.ready（函数（）{
if（jQuery（“#page#u模板选项：选中”）.val（）=“myvalue”）{
jQuery（'body'）.addClass（jQuery（'page#u模板选项：选中”）.val（）；
}
jQuery（'#page_template'）.change（函数（）{//on change事件
jQuery（'body'）.removeAttr（“类”）；
jQuery（'body'）.addClass（jQuery（this.val（））；//设置新类
});
})

看看这是不是很好用！有没有办法只删除我们正在添加的类，而不是以前添加的所有类？您可以使用toggleClass来添加/删除当前类，而不是删除所有类

<select id="page_template">
    <option value="Default">Default</option>
    <option value="class1">First Class</option>
    <option value="class2">2nd Class</option>
</select>

$(document).ready(function(){
alert($("#page_template").val()); 

if ($("#page_template").val() == 'Default') {
       $('body').addClass($("#page_template").val());      
        }


    $('#page_template').change(function () { // on change event
        $('body').removeClass().addClass($(this).val()); // set the new class
    })

});

jQuery('#page_template').change(function () { // on change event
    var cls = jQuery(this).val();
    jQuery('body').removeAttr("class");
    jQuery('body').addClass(cls); // set the new class
});

Hope this helps

**HTML**

<select id="page_template">
    <option value="myvalue">Default</option>
    <option value="class1">First Class</option>
    <option value="class2">2nd Class</option>
</select>

**JS**

jQuery(document).ready(function () {
    if (jQuery("#page_template option:selected").val() == 'myvalue') {
        jQuery('body').addClass(jQuery("#page_template option:selected").val());
    }
    jQuery('#page_template').change(function () { // on change event
       jQuery('body').removeAttr("class");
       jQuery('body').addClass(jQuery(this).val()); // set the new class
    });
})