语义UI：无法动态添加项目到下拉列表

Question

我正在尝试动态添加项目到下拉菜单，但是当添加项目时，无法选择它们。这是我到目前为止所做的：

HTML：

<select name="tags" multiple="" class="ui fluid dropdown">
<option value="" >Enter some tags</option>
  <option value="css">css</option>
  <option value="html">html</option>
</select>

JS：

$dropdown = $('.ui.dropdown');

$dropdown.dropdown({
    maxSelections: 3
});

$dropdown.dropdown('add optionValue', 'ruby');
$dropdown.dropdown('add optionValue', 'python');

$dropdown.dropdown('set selected', ['css', 'html', 'python', 'ruby']);

已选择

css和html，但ruby和python并非ruby和python添加到下拉列表中你可以手动选择它们。您可以在here找到jsfiddle。

此外，我还看到了以下问题：Semantic-UI Dynamic Dropdown但我认为这不是将项目添加到下拉列表的好方法。