时间戳

首页 > 解决方案 > 如何获取表单中选定下拉菜单项的 var 和 value？

javascript - 如何获取表单中选定下拉菜单项的 var 和 value？

问题描述

我有一个标记为“性别”的下拉菜单，其中包含“男性”和“女性”选项。我不知道如何输入 var 和 value 行。我以将通过电子邮件发送的形式使用它，因此我需要该人选择在电子邮件中显示的任何选项。

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}

标签： javascriptjqueryforms

解决方案

当您使用 jQueryselect并想要提取所选值时，您可以简单地使用：

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

您可以检索选定的值。:)

推荐阅读