How do I not include 'none' in a HTML email if the user hasn't made a dropdown select-CodePudding

I was learning how to use the select tag in HTML to create dropdowns. And then I found out that dropdown selections could be sent as an email. After some experimenting with the tag, I figured out that I couldn't 'not include' the 'None' keyword in my email if the user hadn't made a dropdown selection. This was very frustrating.

<html>
<body>

<form action="mailto:[email protected]">
  <label for="cars">Choose a car:</label>
  <select name="cars" id="cars">
    <option value="None">None</None>
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="opel">Opel</option>
    <option value="audi">Audi</option>
  </select>

  <label for="bike">Choose a bike:</label>
  <select name="cars" id="cars">
    <option value="None">None</None>
    <option value="bike1">Volvo</option>
    <option value="bike2">Saab</option>
  </select>
  <br><br>
  <input type="submit" value="Submit">
</form>


</body>
</html>

(Code Credits: W3 Schools)

Basically, when I make 1 out of the 2 dropdown selections and leave the other as none when I click submit the label with the value None is included

For example, If I choose Audi for Car dropdown selection and none for Bike selection, in the mail it's displayed as: cars=volvo bike=None or something like that. How do I not include 'none' in the email if the user doesn't make a selection for that particular label?

Apologies for not framing the question clearly

CodePudding user response：

required the select tag and empty the first element to set as a placeholder

<select name="cars" id="cars" required>
    <option value="">None</option>

complete code will be like follows:

<html>
<body>

<form action="mailto:[email protected]">
  <label for="cars">Choose a car:</label>
  <select name="cars" id="cars" required>
    <option value="">None</None>
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="opel">Opel</option>
    <option value="audi">Audi</option>
  </select>

  <label for="bike">Choose a bike:</label>
  <select name="cars" id="cars" required>
    <option value="">None</None>
    <option value="bike1">Volvo</option>
    <option value="bike2">Saab</option>
  </select>
  <br><br>
  <input type="submit" value="Submit">
</form>


</body>
</html>

i hope this will be helpful for you