Question

我有一个国家/地区下拉选择，其值类似于

<option value="blue">Singapore</option>
<option value="Sint Maarten">Sint Maarten</option>
<option value="Slovakia">Slovakia</option>
<option value="blue">Slovenia</option>

我有一张带有开始标签的桌子

<table class="tkt-slctr-tbl">

当有人选择带有“ blue”值的下拉菜单时，我希望附加一个表类，以便表开始标记变为

<table class="blue tkt-slctr-tbl">

有什么主意吗？我已经尝试过在这里找到的类似的jquery解决方案，但似乎并没有为Im申请/工作

Answer 1

您可以尝试以下操作。

您的代码

 <select id="name">
    <option value="blue">Singapore</option>
    <option value="Sint Maarten">Sint Maarten</option>
    <option value="Slovakia">Slovakia</option>
    <option value="blue">Slovenia</option>
 </select>

在表格中提供ID

<table id="table" class="tkt-slctr-tbl">

在Jquery代码下方添加

$( "#name" ).change(function() {
   var class= $('#name').val();

   $("#table").removeClass();
   $( "#table" ).addClass( "tkt-slctr-tbl "+class );
});

下拉选择后更改表的CSS类

1 个答案: