远程下拉默认值答案

【问题标题】：Remote dropdown default value远程下拉默认值
【发布时间】：2016-12-03 06:23:57
【问题描述】：

我有一个使用语义 UI 完成的表单，其中一个元素是一个下拉列表，其中包含从远程 url 中提取的值。它可以很好地添加内容，但我如何在编辑时为下拉菜单设置值。

如果用户搜索一个国家并提交了带有United Kingdom 的表单，当用户想要编辑对象时如何显示选定的值？

$('.ui.dropdown.country_select').dropdown('setting', {
    apiSettings: {
        url: '../countries/{query}'
    }
});

【问题讨论】：

标签： semantic-ui

【解决方案1】：

经过一番挖掘，找到了答案：

var dd = $('.ui.dropdown.country_select').dropdown('setting', {
    apiSettings: {
        url: '../countries/{query}'
    }
});

dd.dropdown('set text', 'yahoo');
dd.dropdown('set value', 'google');

【讨论】：

【解决方案2】：

我遇到了类似的问题，但下拉菜单是多个、可搜索和远程数据。对我来说，解决方案是只播种与默认值相对应的 <option> 标签。因此，使用您的代码示例：

$('.ui.dropdown.country_select').dropdown('setting', {
    apiSettings: {
        url: '../countries/{query}'
    }
});

// Assuming defaultValue = '1';

<select class="ui dropdown country_select">
  <option value="1" selected>Default Value Item</option>
</select>

然后下拉菜单应该在初始化后用远程源覆盖选项。

【讨论】：