Making a gender drop box to choose the players gender

[Nightshade2285]

I am trying to code a drop box for the player to be able to choose their own gender, but it only ever comes up as "Null" every time I try to run the code.
Code:
Time to choose your gender!
[[Choose]]

[[Choose]]:

Select your gender:

--Choose-- Male Female [[Confirm]] <script> function setGender() { var gender = document.getElementById("genderSelect").value; if (gender) { squiffy.set('gender', gender); squiffy.ui.write("You selected: " + gender); } else { squiffy.ui.write("Please choose a gender."); } } </script>

[[Confirm]]:
You chose {genderSelecet} do you wish to proceed?
[[Yes]]
[[No]]

[[Yes]]:
Welcome {playerInput} to The Walking Dead: Bonds of the Undead

The {genderSelect} is supposed to repeat what gender the player has selected, but it only says "Null". I'm also trying to make the part

[[No]] to make it so when it is clicked, it goes back to being able to select the gender again

[Pertex]

Hmm, and where is your dropboxcode?

[alexwarren]

This is now easy to implement in Squiffy 6. The required attribute in the <select> HTML element means Squiffy disables any section link (including a "continue" link) until the player makes a selection.

Time to choose your gender!

+++Choose...

Select your gender:

<select data-attribute="genderSelect" required>
<option value="">-- Select --</option>
<option value="male">Male</option>
<option value="female">Female</option>
<option value="other">Other</option>
</select>

+++Confirm

You chose {{genderSelect}}.