изменение CSS динамически, не выбирая из выпадающего списка пункт

Question

У меня есть следующий DROPDOWNLIST с да или нет options-: `

<asp:DropDownList ID="ddlchangecss" runat="server"> 
    <asp:ListItem Text="yes">yes</asp:ListItem> 
    <asp:ListItem Text="no"></asp:ListItem> 
</asp:DropDownList> 

я хочу добавить CSS динамически, как что-:

.imgFullWidth { 
    width: 100%; 
    height: auto; 
    float: left; 
    margin: 0px 0px 20px 0px; 
} 

когда Я выбираю вариант yes в Dropdownlist. Как я могу это сделать?

Answer 1

Я создал для вас рабочий пример. Вы можете найти the jsfiddle in here

Этот фрагмент кода использует JQuery. (Помните, что для этих типов задач JQuery - ваш друг =]).

HTML

<select id="dropDownMenu"> 
    <option value="option1" selected="selected">yes</option> 
    <option value="option2">no</option> 
    </select> 
<br> 
<img id="picture" src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f5/House_Sparrow_mar08.jpg/220px-House_Sparrow_mar08.jpg"> 

Javascript

function changeStyle(){ 
    $('#picture').addClass('imgFullWidth'); 
} 

$('#dropDownMenu').change(changeStyle); 

Я использовал свой CSS, так что нет никаких изменений там.