jquery - jQuery从选择选项中取类

Question

是否可以从 html 选择中的选定选项中获取类的名称？这是代码：

<select id="typ" name="typ">
    <option value="not">--- Zvoľte prosím typ zmluvy ---</option>
    <option value="12" class="DSL" >DSL</option>
    <option value="13" class="H" >H (Hlasové služby)</option>
</select>

如果用户选择 H (Hlasové služby) 我想在这个选项的 span class typ class 中写，在这种情况下它是 H 。

Answer 1

使用 jquery 的解决方案非常简单：

var SelectedOptionClass = $("#typ option:selected").attr("class");

Answer 2

核实

$("#typ").bind("change",function()
                   {
                       alert($(this).find("option:selected").attr("class"));
                   });

http://jsfiddle.net/MzcjB/11/

Answer 3

如果我说得对，您想将该课程添加到<span>已经拥有该课程的课程typ中。

$('#typ').change( function() {
    $('span.typ').attr('class', 'tip').addClass('typ').addClass( $(this).find('option:selected').attr('class') );
});​

演示：http: //jsfiddle.net/ELgSj/

更新：

我已经添加了attr('class', 'typ'). 因此，当您重新更改select-tag 时，除该类之外的所有类都typ将从中删除，<span>并且仅添加选定的类。