Javascript 以<；的形式将值传递给函数；选择>；

我只想将

值传递给JavaScript函数。 这是我的密码：

function test() {
   var gender = document.getElementById("gender").value;
}

HTML

选择
男性
女性

试试这个

var element = document.getElementById("gender");
var gender = element.options[element.selectedIndex].value;

试试这个

var element = document.getElementById("gender");
var gender = element.options[element.selectedIndex].value;

---

这里没有submit按钮，所以我假设您希望利用select的onChange事件。以下是您将如何做到这一点：

<form id="myForm" action="" method="post">
  <select  name="gender" id="gender" onChange="test()">
     <option selected="" value="Default">select</option>
     <option value="male">Male</option>
     <option value="female">Female</option>
  </select>
</form>

function test()
{
  var gender = document.getElementById("gender").value;
  console.log('Gender:', gender);
}

选择
男性
女性
功能测试（）
{
var-gender=document.getElementById（“性别”）.value；
console.log（'Gender:'，Gender）；
}

和一个jsbin链接来查看它的运行：

---

这里没有“提交”按钮，因此我假设您希望利用select的onChange事件。以下是您将如何做到这一点：

<form id="myForm" action="" method="post">
  <select  name="gender" id="gender" onChange="test()">
     <option selected="" value="Default">select</option>
     <option value="male">Male</option>
     <option value="female">Female</option>
  </select>
</form>

function test()
{
  var gender = document.getElementById("gender").value;
  console.log('Gender:', gender);
}

选择
男性
女性
功能测试（）
{
var-gender=document.getElementById（“性别”）.value；
console.log（'Gender:'，Gender）；
}

和一个jsbin链接来查看它的运行：

---

您可以使用

form.serialize（）

获取表单数据您可以使用

form.serialize（）

获取表单数据