连续两次选择相同的选项对于下拉选择元素不起作用

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

不完全是你所追求的，但又向前迈进了一步。