jQuery從選擇選項

Question

從類選擇名稱可以從選擇的選擇選項嗎？ 這裏是代碼：

<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）我想在跨類典型類在這種情況下，這個選項是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標籤時，除typ類以外的所有類都會從<span>中刪除，並且只會添加所選的一個類。