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 - 代码时，除typ之外的所有类都将从<span>中移除，并且只会添加所选类别。

jQuery从select选项中获取类

3 个答案: