Как получить переменную и значение для выбранного элемента выпадающего меню в форме?

Question

У меня есть выпадающее меню в форме с надписью «Пол» с опциями «Мужской» и «Женский».Я не знаю, как ввести вар и значение строки.Я использую его в форме, которая будет отправлена ​​по электронной почте, поэтому мне нужно выбрать любой вариант, который человек выберет для отображения в электронном письме.

HTML

<select name="Gender" id="gender">
    <option value="male">Male</option>
    <option value="female">Female</option>
</select>

PHP

$sentMail = mail($to_Email, "Insurance Verification", $_POST["userFirstName"]." ".$_POST["userMiddleName"]." ".$_POST["userLastName"]." ".$_POST["userDate"]." ". $_POST["userGender"]." ".$_POST["userMember"]." ".$_POST["userInsurance"], $headers);

JS

var user_firstname  = $('input[name=firstname]').val()
var user_middlename = $('input[name=middlename]').val()
var user_lastname   = $('input[name=lastname]').val()
var user_email      = $('input[name=email]').val()
var user_date       = $('input[name=date]').val()
var selectedVal     = $('#gender option:selected').val('male, female')
var user_member     = $('input[name=member]').val()
var user_insurance  = $('input[name=insurance]').val()

//data to be sent to server
post_data = {'userFirstName':user_firstname, 'userMiddleName':user_middlename, 'userLastName':user_lastname, 'userEmail':user_email, 'userGender':selectedVal, 'userMember':user_member, 'userInsurance':user_insurance, 'userDate':user_date}

Answer 1

Когда вы используете jQuery с select и хотите извлечь выбранное значение, вы можете просто использовать это:

var gender = $("#gender").val();

И вы можете получить выбранное значение.:)

Answer 2

Если это просто HTML-форма, вы используете

<select name="gender">
<option value="Male">Male</option>
<option value="Female">Female</option>
</select>