Question

我有以下Dropdownlist，是或否选项 - ：`

<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;
}

当我在Dropdownlist中选择yes选项时。我怎么能这样做？

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，因此没有任何变化。

通过选择下拉列表项动态更改css

1 个答案: