JavaScript更改元素的类以级联下拉列表

时间:2018-10-28 19:48:37

标签: javascript php jquery html

我有一个网站,该网站使用PHP查看SQL Server上的各种表,这些表为下拉列表提供了其数据。我希望创建一个级联的下拉列表,下面是提供HTML的代码。

div class="col-md-4" class="form-control" id="Type">
<select>
    <?php foreach ($conn->query($sqlType) as $row){echo '<option        
class="'.$row['ShortCode'].'">'.$row['Type'].'</option>';} ?>
</select>
</div>

下面是结果

<option class=""></option>
<option class="Deal">Deal</option>
<option class="Price">Price</option>
<option class="Promo">Promo</option>
<option class="Promo">Promo</option>
<option class="LTD">Long term Deal</option>

在另一个下拉列表中,我们希望隐藏第一个下拉列表中未选择的选项。

<div class="col-md-4" class="form-control" id="Category">
  <select">
    <?php foreach ($conn->query($sqlCategory) as $row){echo '<option 
class="'.$row['Type'].' hide">'.$row['Category'].'</option>';} ?>
  </select>
</div>

<select">

结果如下。

<option class=" hide"></option>
<option class="Deal hide">Exceptional / Clearance</option>
<option class="Promo hide">Invoice</option>
<option class="Promo hide">Retro</option>
<option class="Listing hide">New</option>
<option class="Listing hide">Delisting</option>
<option class="Price hide">Increase</option>
<option class="Price hide">Decrease</option>
<option class="LTD hide">Off Invoice (ZXPN Only)</option>
<option class="LTD hide">Retro (No ZR88)</option>

想法是,例如,如果在第一个下拉列表中选择了“列表”,则JavaScript或JQuery脚本将从其中删除“隐藏”类;

<option class="Listing hide">

1 个答案:

答案 0 :(得分:0)

您在第一个下拉列表中没有“列表”,但是为什么不在第一个下拉列表中使用value,那么就不需要删除类了

dplyr
apply(df,1, function(x) df$column-x["column"])