im trying to use multiselect with server action but only getting 1st selected option is there any way to fix it

<div className="">
            <form action={server}>
                <select id="fruits" name="fruits" multiple>
                    <option value="apple">Apple</option>
                    <option value="banana">Banana</option>
                    <option value="orange">Orange</option>
                    <option value="grape">Grape</option>
                    <option value="strawberry">Strawberry</option>

                </select>
                <button>save</button>
            </form>
        </div>

my fuction is:

const server = async (formData: FormData) => {
        "use server"
        const fruit = formData.get('fruits');
        console.log(fruits);

    }