下拉选择字符串字体样式更改

Dropdown select string font style change

本文关键字：样式 字体 字符串 选择      更新时间：2023-09-26

我有一个从DB生成的下拉筛选器。它提供了供用户选择的选择列表。

这是样品产品清单。

-View All-
-iPhone-
-Android-
-WindowsPhone-
-Blackberry-

然而，我想在这个脚本代码中将"iPhone"字符串加粗。请善意地提出建议？

var dropdown= function( response ){
    var productFilter = $('.dropdownControl');
    productFilter .change( userMgmtFilterDDChange );
    var pdlist= response.Results.Products;
    var dropdownString = '';
    dropdownString += '<option selected="selected">View All</option>';
    $.each( pdlist, function( index, item ){
        dropdownString += '<option>' + item.Name + '</option>';
    });
    productFilter .append( dropdownString );
}

如果名称为iPhone，则在jQuery中添加一个类，即：

   $.each( pdlist, function( index, item ){
    if (item.Name == 'iPhone'){
      dropdownString += '<option class="bold">' . item.Name . '</option>';
    }
    else{
      dropdownString += '<option>' + item.Name + '</option>';
    }
 });

然后，在你的css文件中，使用这个

   .bold{
        font-weight: bold;
    }

更改此

 dropdownString += '<option>' + item.Name + '</option>';

去那个

dropdownString += '<option>' + (item.Name==Iphone ?'<b>'+item.name+'</b>': item.name) + '</option>';
相关文章：