flexdatalist：预选项目

Question

我将flexdatalist library用于各种输入字段，大多数情况下是使用selectionRequired和valueProperty选项。在一种情况下，我想在页面加载时预先选择一个项目。

我尝试将正确的字符串简单地放在结果输入字段中，如下所示：      <input id="actionText" name="action" list="actions" class="flexdatalist" data-value-property="value"/>

$().ready (function(){
    const urlParams = new URLSearchParams(window.location.search);
    if(urlParams.has('action')) {
        const key = urlParams.get('action');
        const name = $("#actions option[value='"+key+"']").text();
        $("#actionText-flexdatalist").val(name);
    }
})

从<datalist id="actions">检索数据，并将文本放入由库创建的新输入中，其结果ID为#actionText-flexdatalist。

在填充输入的范围内，它很好地工作。但这显然不足以触发库的选择机制，因此在提交时不会向服务器发送任何值。

任何指针表示赞赏。