我无法在jquery中添加一个类将无法正常工作

Question

大家好我想添加一个类，如果用户点击按钮但他不想输入我的功能。这是代码：

事件ok工作他停在第一行，但他不会添加一个他直接跳到我的函数末尾的课程

$("#ok").click(function(){
    $("select option:selected").addClass("chosen");
});

确定是我的按钮，选择的是css类是正确的吗？如果是这样，你知道为什么它不起作用？ 感谢

Answer 1

你可以这样做;的 http://jsfiddle.net/8pSmr/1/

注意 ：它不会更改悬停颜色默认值 - 但它会更改选项属性;

更新

我在Neophyte's回答中注意到，如果您更改了选择，则不会将该类删除到该选项，这可能会导致一些UX混淆。此方法将删除该选项，并且仅将样式赋予唯一和最近选择的选项

<强>的Javascript

$('button').click( function() {
    $('#options').find(":not(:checked)").removeClass('chosen');
    $('#options').find(":selected").addClass('chosen');
});

<强> HTML

<select name="" id="options">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
</select>

<button>Confirm select</button>

<强> CSS

.chosen {
    color: red;
    background: yellow;
}

Answer 2

检查一下。它可以帮助你

Fiddle

$('#options').change( function() {
$('#options').find(":selected").addClass('chosen');
});