Question

我坚持使用简单的代码，但无法弄明白。

我在一个特殊的表单上工作，你有一个选择框有很多选项。这个选择框不可见，我只需要它来获取用户选择的内容。＆＃34;选择框＆＃34;用户看到的是div和span。当用户选择一个选项时，元素中的文本将显示所选选项。该值还会更改隐藏选择框中的选定选项。（我知道，这令人困惑）

以上部分工作正常。我得到的主要问题是不同的选择选项显示具有更多输入字段的不同框。现在我想要显示那些框，如果选择＆＃34;＆＃34;包含一个特殊单词并在框中添加新闻类。但是我找到的许多代码对我都没有用。

if($('.selected:contains("Eck")').length) {
   $(".d1").addClass("show-form");
}

以下是我表单中的一些HTML：

<div class='selectBox'>
    <span class='selected'></span>
    <span class='selectArrow'>&#9660</span>
    <div class="selectOptions" >
        <span class="selectOption" data-value="Rund" value="Rund">Rund</span>
        <span class="selectOption" data-value="Eck" value="Eck">Eck</span>
    </div>
</div>

此框应该获得新课程＆＃34; show-form＆＃34;。但它没有。

<div class="box d1">CONTENT</div>

Answer 1

这样的事情

$('.selectedOption').click(function(){
    $selected = $(this).val();
    switch($selected) {
        case 'Eck':
            $(".d1").addClass("show-form");
            break;
        case 'Rund':
            // do something else
            break;
    }
});

如果text包含特殊单词，则将类添加到带有类的div

1 个答案: