How to set up in a loop for a form?

[sakgoyal]

if I want to generate a form using a for loop in svelte, how do I set up a form to work with this?

something like:

<script>
	const data = await someData();
</script>

<form>
	{#each data as foo}
		<Multiselect id="??" bind:selected={??} options={foo.options} ...>
	{/each}
</form>

[janosh]

i haven't tried but i think it'll work fine if you bind each selected to some key in a Svelte $state:

<script>
	const data = await someData();
	let form_data = $state(Object.fromEntries(Object.keys(data).map((key) => [key, {}])
</script>

<form>
	{#each Object.entries(data) as [key, foo] (key)}
		<Multiselect id={key} bind:selected={form_data[key]} options={foo.options} ...>
	{/each}
</form>

[sakgoyal]

My data is slightly different so I did it like this.
I figured it out here:
mskocik/svelecte#312 (comment)

thanks anyway though. I used your idea to get it working.
im still deciding between Svelete and Multiselect right now