2

我目前正在使用 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()
            )
    )
4

2 回答 2

1

<option>元素不能有“title”属性。请参阅规范。

编辑——我的意思是,如果你想添加一个“title”属性是可以的,浏览器不会像在<div>or<button>元素上的“title”属性那样关注它。

再次编辑——你也应该忽略这一点,尽管它不在 HTML5 规范中,但<option>某些浏览器显然支持元素的“title”属性。

于 2013-04-25T15:00:45.983 回答
0

你可以简单地写这个来为你的下拉菜单添加选项:

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

不要打扰标题属性。

于 2013-04-25T15:03:55.213 回答