Powiedzmy, że mam następujące linki i listę rozwijaną:

<a href="#contact">Send a mail to mother!</a>
<a href="#contact">Send a mail to father!</a>
<a href="#contact">Send a mail to sister!</a>
<a href="#contact">Send a mail to brother!</a>

<form id="contact">
    <select id="recipient">
        <option value="[email protected]">Mother</option>
        <option value="[email protected]">Father</option>
        <option value="[email protected]">Sister</option>
        <option value="[email protected]">Brother</option>
    </select>
</form>

Zasadniczo chcę, aby każdy link zmienił się w odpowiednią opcję wyboru.

Aby dać ci kontekst, teraz mam formularz na końcu strony, a na początku mam kilka linków e-mail. Gdy ktoś kliknie link, przewinie (zakotwiczy) do formularza. Formularz ma tę listę rozwijaną, aby wybrać odbiorcę. Chcę, aby nie tylko przewijał formularz (co już zostało zrobione), ale także automatycznie zmieniał opcję opartą na klikniętym linku.

Jak mogę to osiągnąć?