使用jQuery從下拉列表更改主體類

-2

2012-11-23 Evangelos Evangelou

你有試過什麼嗎？就像獲取所選選項的值並將其分配給body一樣簡單。您應該嘗試自己動手做 –

請說明迄今爲止已完成的工作。如果你還沒有做任何，請參考[常見問題]（http://stackoverflow.com/faq） – Sid

請添加更多信息到您的問題。也許一些代碼和你試過的東西等... – azzy81

$(document).ready(function(){ 
    // On load 

    $('#MyDropDownId').change(function(){ // on change event 
    $('body') 
    .removeClass() // remove the classes on the body 
    // or removeClass('class1 class2 ...') in order to not affect others classes 
    .addClass($(this).val()); // set the new class 
    }) 

})

假設：

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

瞭解更多關於JQuery Change

來源

2012-11-23 15:04:19 amd

爲什麼不簡單'.attr（'class'，$（this）.val（））'？（假設只有*一個*類名應該被應用）。 –

@DavidThomas好主意，但我試圖描述JQuery函數的功能（因爲我覺得OP對jQuery沒有任何知識），也許他只想移除一組定義的類只有eg'removeClass（'class1 class2 class3'）'而不影響其他類的身體 – amd

:)我對jQuery有一點了解。它打算刪除某些類，然後把其他的基於下拉列表的地方。然而，我認爲我可以使用提供的代碼來確保它能夠正常工作。 –

$('select').change(function() { 
    $('body').addClass($(this).val()); 
});

如果你google的「jQuery input change」，你會發現.change()方法。如果你是谷歌的「jQuery變更類」，你會遇到多種方法，允許你添加，刪除和修改類。

增加一點創意和* whoosh *你奇蹟般地發明了遠遠超出愛因斯坦能力的東西。

Google是開發者最有價值的工具。擁有權利的同時也被賦予了重大的責任。

來源

2012-11-23 15:03:55

假設你想change the body class on change event of dropdown

Live Demo

<select id="dropdownId" > 
    <option>class1</option> 
    <option>class2</option> 
    <option>class3</option>  
</select> 

$('#dropdownId').change(function() { 
    $('body').attr('class', $(this).val()); 
});

來源

2012-11-23 15:05:29 Adil

謝謝你們的幫助。我會在今天結束時給予最佳答案。非常感謝你們。我知道一點jQuery，但我還沒有機會在項目中使用自定義jQuery。 –

使用jQuery從下拉列表更改主體類

回答

相關問題