Svelte 绑定下拉框

<script>
  let value = 2;
  // let value = []; // 多选时为数组

  const options = [
    { name: "apple", value: 0 },
    { name: "banana", value: 1 },
    { name: "watermelon", value: 2 },
    { name: "tomato", value: 3 },
  ];

  $: console.log(value);
</script>

<!-- 多选时添加 multiple 属性 -->
<select bind:value>
  {#each options as { name, value }}
    <option {value}>{name}</option>
  {/each}
</select>