I'm trying to design a web form supporting internationalization (i18n). The form will be part of a large event management software. Users login, create events (like conferences, roadshows, and so forth). Several text input fields must support i18n in order to present the event in different languages. For instance the event title may be presented in English, French, German, etc, as well as the agenda, the summary, etc. There will be a primary or default language (depending on the client's location) and two or (many) more additional languages to choose from.
I can think of two strategies or scenarios that might work:
The client opens the form and finds the preselected default language. Let's assume she decides to go from french to german. Instantly this could trigger a form reload. From then on any text that she might enter is bound to the corresponding, that is the selected locale. If she selects another language this again triggers a form reload (all text fields are emptied). The idea is to edit the complete form for each selected language at a time.
This approach "enhances" each i18n text input form field (by using JS/jQuery). Again the client opens the form and selects one or more languages (using checkboxes). This will automatically add additional input text fields below the input field that represents the primary language. Now the clients enters some content into each form field. If the client unchecks "French" all corresponding form fields are removed. There's no form reload, just adding and removing additional text input form fields (jQuery magic:)
Is there a better way to reduce the complexity and lead to a better user experience when entering i18n forms?