Javascript 新添加的选择选项不显示标题属性

我目前正在使用ajax将新选项附加到多个选择框中，但即使我尝试向它们添加标题属性，它们似乎根本没有显示出来。有什么我遗漏的吗

这是在Coffeescript中完成的：

$.ajax(
        type: 'get'
        url: '/Filter/LookupClassification'
        data: ( term: inputVal )
        dataType: 'json'
        success: (response)->
            select = document.getElementById('getClassBox')
            select.options.length = 0

            $.each(response, (key, value)->
                option = $(
                    '<option/>'
                    'title': value.toUpperCase()
                    'value': key
                ).text(key + ' - ' + value.toUpperCase())

                $('#getClassBox').append(option)
            )

            $('#selectClassBox option').each((index, value)->
                val1 = $(value).val()
                if $('#getClassBox option').val() is val1
                    $('#getClassBox option[value=' + val1 + ']').remove()
            )
    )

$.ajax(
键入：“获取”
url:“/Filter/LookupClassification”
数据：（术语：inputVal）
数据类型：“json”
成功：（回应）->
select=document.getElementById（'getClassBox'））
select.options.length=0
$。每个（响应，（键，值）->
选项=$(
''
“title”：value.toUpperCase（）
“值”：键
).text（键+'-'+值.toUpperCase（））
$（'#getClassBox'）。附加（选项）
)
$（“#选择类框选项”）。每个（（索引，值）->
val1=$（值）.val（）
如果$（'#getClassBox选项'）.val（）是val1
$（'#getClassBox选项[value='+val1+']'）。删除（）
)
)
元素不能有“title”属性

编辑-我的意思是，如果您愿意，可以添加“title”属性，但浏览器不会像关注
或
元素上的“title”属性那样关注它

再次编辑-您可能应该忽略这一点，因为尽管它不在HTML5规范中，
元素上的“title”属性显然在某些浏览器中受支持。
您可以简单地编写它，将选项添加到下拉列表中：

select.options[select.options.length] = new Option(key + ' - ' + value.toUpperCase(), key);

不必担心标题属性。
从什么时候起，
title
属性对
选项
s是有效的，它怎么可能有用？@GrantThomas我正试图将其用于鼠标上方的工具提示，如：它在Chrome 26、IE 10和Firefox 20.0.1的鼠标悬停中显示，除非我在某种程度上看到了其他人看不到的东西。@GrantThomas-至少是这样。@alvarog.Vicario有趣的是，HTML5规范没有提到“标题”。他们可以（在某些浏览器中工作），但不应该，你所看到的规范说provided@Ian是的，那是真的；我会详细说明的。我知道你的意思，但供其他人参考：）哇，原来有些浏览器可以做到这一点！谁知道呢？（当然@Baadshah:-）甚至@Baadhsha也没有在上面提到的所有浏览器中进行测试。我确定。我在IE9中测试时看到过他：p你是否知道我最好的选择是什么，以显示远远超过选择框宽度的选项值？我试图寻找最简单的工具提示解决方案，但使用标题属性似乎不是最好的主意。