자바 스크립트를 사용하여 드롭 다운에서 배경색 변경

Question

드롭 다운 메뉴에서 선택해야만 배경색을 변경하고 싶습니다.

<div id="background"> 
       <p><b>Choose a colour to change<br> background colour from the list.</b></p> 
        <select name="colour" id="background-change"> 
         <option>Select One</option> 
         <option>Black</option> 
         <option>Blue</option> 
         <option>Orange</option> 
         <option>Red</option> 
         <option>White</option> 
         <option>Yellow</option> 
        </select> 
</div> 

그게 내 HTML 드롭 다운 코드와 색상 내가 배경을 변경해야합니다. 또한 내가 쿠키를 저장하고 싶습니다 그래서 내가 빨간색을 선택하고 페이지를 새로 고침, 그것은 여전히 ​​빨간색 것입니다.

Answer 1

여기 드롭 다운 목록에서 선택 값에 기초하여 상기 배경을 변경한다

$(document).ready(function() { 

//$("#background").css("background-color",$.cookie("defaultColor")); 

    $("#background-change").change(function (event) { 
     var color = $(this).val(); 
     $("#background").css("background-color",color); 

     //$.cookie("defaultColor",color); 
    }); 
}); 

코드 jQuery를

를 이용한 용액이다.

설정하고 jQuery를 사용하여 쿠키를 검색하려면 쿠키를 검색하고 backround에로 설정하기 위해 다음이 코드를 사용하여 쿠키를

$.cookie("defaultColor",color); 

을 설정 jQuery Cookie Plugin

사용이 코드를 사용해야합니다 색상

$("#background").css("background-color",$.cookie("defaultColor")); 

확인 Fiddle