Question

我有一个从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 );
}

Answer 1

如果名称是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;
    }

Answer 2

更改此

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

到那个

dropdownString += '<option>' + (item.Name==Iphone ?'<b>'+item.name+'</b>': item.name) + '</option>';

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

2 个答案: