html - 带有播放框架的 html5 数据集

Question

我有一个语言列表，通过组合框我可以看到代码：

 @select(
            searchForm("langCode"),
    options(for (lang <- langs) yield (lang.langCode)),
            '_default -> "--- Choose a Language ---",
            '_label -> "Language"
    )

现在我想使用 datalist HTML 来自动完成带有代码的文本区域。我已经尝试过了，但它没有得到 @lang.langCode 值：

@inputText(searchForm("langCode"), '_label -> "Language") 
   <datalist id=langCode>
   @langs.map { lang =>
        <option>
          @lang.langCode
         </option>
    }
   </datalist>

谢谢你。

Answer 1

您的代码大部分是正确的，除了：

1. 将list属性添加到@inputText参数：

   @inputText(searchForm("langCode"), '_label -> "Language", 'list -> "langCodeDatalist")

2. 确保id用于datalist与用于输入框的不同：

   <datalist id="langCodeDatalist">

一旦我进行了这些更改，它就起作用了。检查源代码以确保@lang.langCode正确粘贴。