字符串和选项值比较

string and option value comparison

本文关键字：比较 选项 字符串      更新时间：2023-09-26

目前，我正在将选择菜单转换为色样，现在，当用户单击色样时，我需要相关的选择选项才能被选中。

使用以下html 构建线束

<div class="option red"></div>

类定义中的颜色来源于select中的可用选项，我现在需要做的是，如果单击红色框，则选择红色选项。到目前为止，我有以下代码，

$('fieldset.colours option').each(function(){
    $('.colours').append('<div class="option '+$(this).val().toLowerCase()+'"></div>')
});
$('.option').click(function(){
    var classList =$(this).attr('class').split(/'s+/);
    $.each( classList, function(index, item){
        if (item != 'option') {
        }
    });
});

您可能会尝试：

$('.option').click(function () {
    var selectedOption = $(this);
    $('fieldset.colours option').each(function () {
        if (selectedOption.hasClass( $(this).val().toLowerCase() )) {
            $('fieldset.colours').val( $(this).val().toLowerCase() );
        }
    });
});
相关文章：