Question

我正在为朋友建立一个配置器，最后一步需要帮助：当我在表单中选择一个选项时，需要将“活动”类放置在特定的轮播项目上。

必须使用表格选择，没有其他选择。

以下是指向小页面的链接： https://abaci2.hirschgeweyh.de/

这是一件衬衫，您可以在其中切换选项。我首先需要“ manschetten”，所以以后可以复制JS / HTML。

我已经尝试过addclass / removeclass，但是它没有帮助，即使更改查询也无法处理它。似乎没有解决办法告诉页面当前选择了哪个选项以放入班级。

这是一个典型的选择：

<tr class="auswahl0205" id="auswahl0205">
    <td><strong>Manschetten</strong></td>
    <td><select name="manschetten">
  <option class="manschette1" data-class="manschette1" value="manschette1">Einzelmanschette</option>
  <option class="manschette2" data-class="manschette2" value="manschette2">Doppelmanschette</option>
</select></td>
</tr>

这是轮播滑子，我需要活动类：

<div id="slider04" class="manschetten carousel carousel1 slide carousel-fade" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item mansch mansch1 active"><img src="assets/img/manschetten/manschette1.png" class="d-block w-100" alt="img1"></div>
<div class="carousel-item mansch mansch2"><img src="assets/img/manschetten/manschette2.png" class="d-block w-100" alt="img2"></div>
</div>
</div>

我没有任何适当的解决方案。

感谢您的帮助！

Answer 1

好的，所以我发现选择元素可以得到一个“活动”类，并且在理论上被用作轮播指示符。但这出于未知原因不起作用（可能是因为我没有真正点击新指示器，而是“切换”标签）。长话短说：这行不通-也许其他人会找到解决方案。

所以我做的非常简单：我没有使用SELECT选项，而是使用ul li并让它们使用自举轮播来浏览图像：

        <td>
        <ul class="">
            <li data-target="#slider04" data-slide-to="0" class="active">Einzelmanschette</li>
            <li data-target="#slider04" data-slide-to="1">Doppelmanschette</li>
        </ul>
        </td>

它像魅力一样起作用！

为了使它看起来像一个选择，我只使用了CSS。做完了！结案了！

选择form-option时，将活动类添加到轮播项目

1 个答案: