语义UI下拉菜单-占位符和空选项

Question

所以我做了一个小提琴here，它说明了我的问题。

基本上，我了解如何在下拉菜单中添加占位符：

<!-- Placeholder -->
<select id="placeholder" class="ui dropdown">
  <option value="">Placeholder</option>
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
</select>
<script>
  $('#placeholder').dropdown();
</script>

而且我了解如何为下拉菜单添加空值：

<!-- Empty -->
<select id="empty" class="ui dropdown">
  <option value=""></option>
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
</select>
<script>
  $('#empty').dropdown({placeholder: false});
</script>

我想做的就是将这些结合起来，所以我有一个带占位符的下拉菜单，以及一个用户可以设置的空选项。理想情况下，设置empty选项将显示占位符文本。

我尝试使用类似这样的方法：

<!-- Empty -->
<select id="empty" class="ui dropdown">
  <option value=""></option>
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
</select>
<script>
  $('#empty').dropdown({placeholder: 'Placeholder'});
</script>

在上面的小提琴中不起作用，但是在我的实际代码中起作用。但是，如果我选择了空元素，则占位符将不会返回。