javascript - yesod javascript で特定のフォームフィールドに入力します

Question

私は単純な yesod フォームを持っています:

aYesodForm :: Form Text
aYesodForm = renderDivs $ id
    <$> areq hiddenField "" Nothing

大まかに次のように生成されます。

<input type="hidden" id="h2" name="f2" value="">

次のようにjavascriptから入力したい：

document.getElementById('h2').value="foo"

しかし、「h2」を .julius ファイルにハードコードするのは、自動生成されて変更される可能性があるため、悪い習慣です。

runFormPost の戻り型は、.julius ファイルに補間するために生成したフィールド ID を返しません。

javascriptでyesod生成フォームフィールドに入力する最良の方法は何ですか?

score 3 · Accepted Answer

FieldSettings パラメータを使用してフォームを生成するときに、独自の ID を作成できるはずです。FieldSettings データ型はここにあります: http://hackage.haskell.org/packages/archive/yesod-form/1.3.0/doc/html/Yesod-Form-Types.html

このようなもの（テストされていません）：

<$> areq hiddenField (FieldSettings (SomeMessage "") Nothing (Just "myId") Nothing []) Nothing

javascript - yesod javascript で特定のフォーム フィールドに入力します