0

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) を選択した場合、このオプションのスパン クラス typ クラスに書き込みます。この場合は H です。

4

3 に答える 3

4

jquery を使用したソリューションは非常に単純です。

var SelectedOptionClass = $("#typ option:selected").attr("class");
于 2012-12-10T13:13:22.703 に答える
0

私が正しければ、クラスを既に<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>、選択したクラスのみが追加されます。

于 2012-12-10T13:18:30.650 に答える
0

確認してください

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

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

于 2012-12-10T13:17:32.587 に答える