1

言語のリストがあり、コンボボックスでコードを確認できます:

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

そして今、データリスト HTML を使用して、テキスト領域をコードでオートコンプリートしたいと考えています。私はこれを試しましたが、 @lang.langCode 値を取得しません:

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

ありがとうございました。

4

1 に答える 1

0

次の点を除いて、コードはほとんど正しいです。

  1. 引数にlist属性を追加します。@inputText

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

  2. idが入力ボックスに使用datalistされているものと異なることを確認してください。

    < datalist id="langCodeDatalist">

これらの変更を加えると、うまくいきました。ソースコードをチェックして、@lang.langCode正しく貼り付けられていることを確認してください。

于 2013-04-01T23:58:50.750 に答える