jQuery addClass使用输入选择

我在下拉菜单中有5个选项。我想根据选择哪个选项在div中添加一个类。这个类将使用CSS改变内容的布局。

这是一个例子，如果它有帮助！

感谢

<form> 

<select> 
<option id="1">layout 1</option> 
<option id="2">layout 2</option> 
<option id="3" selected>layout 3</option> 
<option id="4">layout 4</option> 
<option id="5">layout 5</option> 
</select> 

<div class="3">styled content</div> 

</form>

来源

2011-08-19 eZa

您可以使用 “.attr（）” 设置的电平变化的div class属性。您最好先将id更改为值。然后：

$("select").change(function() { 
    $("div").attr("class", $(this).val()); 
});

（EDIT）将其更改为：

$("select#np_blog_layout").change(function() { 
    $("div#changebox").attr("class", $(this).val()); 
});

来源

2011-08-19 02:49:46 jzm

首先，你不必使用id来你的选择。将值置于value属性中。把ID放到你的div并选择，这样你就可以使用jQuery来选择它们。

<form> 

<select Id="selectElement"> 
<option value="1">layout 1</option> 
<option value="2">layout 2</option> 
<option value="3" selected>layout 3</option> 
<option value="4">layout 4</option> 
<option value="5">layout 5</option> 
</select> 

<div id="styledContent" class="3">styled content</div> 

</form>

在JS

//Attach event handler to select element's onchange event 
$('#SelectElement').bind("change",changeStyle); 

    //The event handler 
function changeStyle() 
{ 
     //Set class to selected value 
    $('#styledContent').class($('#SelectElement').val()); 
}

来源

2011-08-19 02:47:34 dpp

什么rudeovski泽熊“之称，但如果你仍然想将其设置为div的类来选择元素的ID，在这里它是。

$('select').change(function() { 
    $('div').attr('class', $(this).attr('id')); 
});

来源

2011-08-19 02:59:13 Stoney

jQuery addClass使用输入选择

回答

相关问题