单击select中的Option标记时，将类添加到祖父母中

Question

我有3列，每列都有一种选择形式。 我试图让类“单击”到我的div中，该类具有“ col-12”，这取决于我当前使用的选择项，并且仅当我选择了一个选项时。这是到目前为止的代码，但显然jquery并未应用到我的标签上，这是默认行为吗？

PS：当我仅选择.form-control类时，该代码有效，但是我不希望这样做，我只是希望在用户实际单击select元素内的任何选项时应用它。

JQUERY：

function(){
    $('.form-control option').on('click', function(){
        $(this).closest('.col-12').addClass('clicked');
    });
}

HTML 我的html有4列（仅更改每个列中的选项）

<div class="row">
    <div class="col-12 col-sm-6 col-lg-3 arrow--custom">
        <select class="form-control" id="room" name="room">
            <option value="" selected="" disabled="">Nombre de chambre</option>
            <option value="0">0</option>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>                                
        </select>
     </div>
</div>

Answer 1

问题在于您正在侦听该元素，而您需要列出该元素。

当值更改时，添加类。这是一个有效的代码段，单击的类将在其中添加一个红色边框，使其可见：

contact

(function(){
    $('select.form-control').on('change', function(){
        $(this).closest('.col-12').addClass('clicked');
    });
})();

.clicked select {
  border: red 2px solid; 
}

Answer 2

您不能在上注册事件。相反，您应该在

上检查“更改”

function(){
    $('.form-control').on('change', function(){
        $(this).closest('.col-12').addClass('clicked');
    });
}

答案 2 :(得分：0)

将此更改应用于我的代码，使其生效：

function(){
    $('.form-control').on('change', function(){
        $(this).closest('.col-12').addClass('clicked');
    });
}

相关问题

• 在select中添加class to option
• 单击复选框时，从选择标记启用选项
• 单击html选项时显示相关的div
• 单击Select元素时传递选项
• 单击内部标记时将类添加到li
• 在select中单击时禁用选项
• 单击复选框时启用选择选项
• SELECT选项WHEN单击
• 单击时隐藏<select>标记中的特定选项
• 单击select中的Option标记时，将类添加到祖父母中

最新问题

• 我写了这段代码，但我无法理解我的错误
• 我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？
• 是否有可能使 loadstring 不可能等于打印？卢阿
• java中的random.expovariate()
• Appscript 通过会议在 Google 日历中发送电子邮件和创建活动
• 为什么我的 Onclick 箭头功能在 React 中不起作用？
• 在此代码中是否有使用“this”的替代方法？
• 在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化
• 每千个数字得到
• 更新了城市边界 KML 文件的来源？

Answer 3

将此更改应用于我的代码，使其生效：

function(){
    $('.form-control').on('change', function(){
        $(this).closest('.col-12').addClass('clicked');
    });
}