jquery - 连续两次选择相同的选项不适用于下拉选择元素

Question

我在这里有一个 jsfiddle - http://jsfiddle.net/r4zju/3/ - 我在其中为 contentEditable 框中的文本选择字体。如果您选择“文本”一词，然后从下拉列表中选择漫画，则字体会按预期更改。但是，如果您随后选择单词“some”并决定将其设为漫画，则从下拉菜单中选择漫画不会这样做，因为不会触发下拉菜单的“更改”，因为选择已经是漫画。我尝试在第一次选择后做一个 blur() 但这没有帮助。

有谁知道我如何返回并再次选择漫画而不在两者之间选择另一种字体？

谢谢

$('select#fontname').change(function(e) {
        var selected = $(e.target).val();       
        document.execCommand('fontName', false, selected);
        $(this).blur();
        $('#font').html(selected);
        $(this).blur();

    });

Answer 1

您可以在每次更改事件后重新设置选择器。将最后一行更改为：

 $(this).prop('selectedIndex', 0);

不完全是你所追求的，但更近了一步。