I’m attempting to take webhook data from an HTML form I made and adding the values to a google sheet. everything shows up in the webhook properly accept for the dropdown selection for the country
and here’s what the webhook is pulling
now admittedly I’m not entirely great with HTML so I might have missed something. now I thought it was not seeing the selection as a value, so I added " value=“countryhere” " as part of the selection but that didn’t change anything so I assume it might be the webhook data? Just in case I’ll attach the form codes!
<!DOCTYPE HTML>
<style>
body {
text-align: center;
}
.tabs {
display: flex;
flex-wrap: wrap;
max-width: 500px;
font-family: sans-serif;
margin-bottom: 5px;
}
.tabs__label {
padding:10px 16px;
margin-left: 10px;
font-weight: bold;
cursor: pointer;
text-align: center;
border: hidden;
border-radius: 5px;
background-color:#C8A2C8;
}
.tabs__radio {
display: none;
}
.tabs__content {
order: 1;
width: 100%;
line-height: 1.5;
font-size: 0.9em;
display: none;
background-color: #E0BFB8; width: fit-content; border-radius: 25px;
margin-top: 25px;
}
.tabs__radio:checked + .tabs__label {
font-weight: bold;
border: hidden;
border-radius: 5px;
background-color:#C8A2C8;
}
.tabs__radio:checked + .tabs__label + .tabs__content {
display: initial;
}
input {
line-height: 1.5;
border-radius: 5px;
font-size: 14px;
text-align: center;
align-content: center;
padding: 5px;
}
form {
border: solid; padding: 5px;
border-radius: 25px;
border-color: #C8A2C8;
}
input[type=submit] {
background-color: #C8A2C8;
}
h3{
font-size: x-large;
}
label[form]{
text-align: center;
}
</style>
<body>
<center>
<div class="tabs">
<input type="radio" class="tabs__radio" name="tabs-example" id="signup" checked>
<label for="signup" class="tabs__label">Signup</label>
<div class="tabs__content">
<form action="https://hook.us1.make.com/qyecul93ccqamf9s3jo03a7fhjgi5m7h" method="Post" style="align-content: center;">
<h3>Basic Info</h3>
<hr><label>Name:</label>
<br>
<input type="text" id="name" name="Name" placeholder="Name" class="input" required>
<br>
<br>
<label>Pronouns:</label>
<br>
<input type="text" id="pronouns" name="pronouns" placeholder="pronouns (optional)" class="input">
<br>
<br>
<label>Email:</label>
<br>
<input type="text" id="email" name="Email" placeholder="Email" class="input" required>
<br>
<br>
<hr><h3>Mailing Address for free rewards</h3>
<br>
<label for="add1" style="margin-right: 200px">Address 1</label>
<label for="add2">Address 2</label>
<input type="text" id="add1" name="address1" placeholder="1256 Riverside lane" class="input" required>
<input type="text" id="add2" name="address2" style="margin-left: 20px;" placeholder="APT/STE/BLD">
<br>
<br>
<label for="city" style="margin-right: 200px;">City</label>
<label for="state">State</label>
<br>
<input type="text" id="City" name="city" placeholder="Portland" style="margin-right: 20px;" class="input" required>
<input type="text" id="state" placeholder="Maine" class="input" required>
<br>
<br>
<label for="zip" style="margin-right: 100px;">Zip/Postal Code</label>
<label for="country">Country</label>
<br>
<input type="text" id="zip" name="zip" placeholder="234576" style="margin-right: 20px" class="input" required>
<select required>
<option for="USA" value="United States">United States</option>
<option for="Canada" value="Canada">Canada</option>
<option for="UK" value="United Kingdom">United Kingdom</option>
<option for="India" value="india">India</option>
</select>
<br>
<br>
<input type="checkbox" name="checkbox" required>
<small>I have checked that all my details are correct. I agree to accept any and all additional charges associated with delivery.</small>
<p><u><b>Unimade is not responsible for any additional charges associated with delivery.</b></u></p>
<br>
<br>
<input type="submit" value="submit">
</form>
</div>
<input type="radio" class="tabs__radio" name="tabs-example" id="checkitm">
<label for="checkitm" class="tabs__label">Free Item Check</label>
<div class="tabs__content">
<form action="https://hook.us1.make.com/tdjcp42uqwigudpyic7mvmelp9xe9556" method="post">
<h3>Check for free items!</h3><hr>
<label for="email" style="margin-right: 200px">Email</label>
<label for="Refnum">Referral Code</label>
<br>
<input type="email" placeholder="your@email.com" style="margin-right: 20px" class="input" required>
<input type="text" id="refnum" placeholder="#x6c68g" class="input">
<br>
<label for="conPIN">Confirmation PIN</label>
<br>
<input type="text" id="conPIN" placeholder="*HYT$R" class="input">
<br>
<br>
<input type="submit" value="Check for free Items!" onclick="alert('Check email for results! may be in spam folder.')">
</form>
</div>
</div>
</div>
</center>
</body>
