使用API​​的语义UI可搜索下拉默认值将被覆盖

Question

在.net MVC应用程序中，尝试学习语义UI。 （2.2.13）我一直在这个墙上撞墙。 我有一个远程填充的下拉列表，我正在尝试为初始页面加载创建默认值。 API正在运行，返回预期的数据。

我的问题是，当用户'tab'进入元素时，apiSettings的forceSelection默认值会强制选择下拉列表中的第一个项目，在这种情况下，这不是我的默认值。 （在这种情况下，假设CAT是列表中的第一个选项）

期望的行为是在选项卡时将“DOG”保持为选定的值，并且我希望保留“forceSelection”的功能，以防止用户离开下拉列表，其中包含未包含在下拉列表中的内容选项。

我认为我需要一种传递当前（默认）值的方法，并在初始化下拉列表时将其设为选定值？

这是.js，在doc ready中。

.results

HTML设置默认的'DOG'（并使用“”值作为标签）：

  $('.quom').dropdown({
        apiSettings: {
            url: 'ActualUrlRemoved',
            cache: false
        },
        fields: {
            name: 'Animal_Name',
            value: 'Animal_Name'
        },
        onShow: function (val) {
            ///set active based on val here??
           // $(this).val('DOG');
        }

    }); 

Answer 1

想出来。这对我有用。

    $('.quom').dropdown({
    apiSettings: {
        url: 'URLHERE',
        cache: false
    },
    fields: {
        name: 'Animal_Name',
        value: 'Animal_Name'
    },
    onShow: function () {            
        current = $(this).val();
        $(this).dropdown('set selected', current);

    }

});