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

Question

我有这个从数据库生成的下拉过滤器。它提供了供用户选择的选择列表。

这是示例产品列表。

-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>';