Question

我得到了一个包含月份选择表单元素的表单。

<select id="month" name="month">
<option value="Jan">Jan</option>
<option value="Feb">Feb</option>
<option>Mar
<option>Apr
<option>May
<option>Jun
<option>Jul
<option>Aug
<option>Sept
<option>Oct
<option>Nov
<option>Dec
</select>

如何使用javascript来比较所选值。例如，如果我选择2月，javascript将弹出“你选择的feb”

var monthSelect = document.getElementById("month")
var opt = monthSelect.options[monthSelect.selectedIndex]
if(opt.text == "Feb")
{
    alert("Feb selected")
    return false
}

Answer 1

JSFiddle：https://jsfiddle.net/ebrnh047/

你的HTML：

<select id="month">
  <option value="Jan">Jan</option>
  <option value="Feb">Feb</option>
</select>

尝试：

var month = document.getElementById("month");

month.onchange = function() {
  if (month.value == "Feb") {
    alert("Feb selected");
  }
}

Answer 2

这是一种仅使用JavaScript的方法：

首先，您的HTML：

<select id="month" name="month">
  <option value="Jan">Jan</option>
  <option value="Feb">Feb</option>
  <option value="Mar">Mar</option>
  <option value="Apr">Apr</option>
  <option value="May">May</option>
  <option value="Jun">Jun</option>
  <option value="Jul">Jul</option>
  <option value="Aug">Aug</option>
  <option value="Sep">Sep</option>
  <option value="Oct">Oct</option>
  <option value="Nov">Nov</option>
  <option value="Dec">Dec</option>
</select>

然后，你的脚本：

var monthSelect = document.getElementById("month");

monthSelect.onchange = function(){
  var thisValue = this.value;
  alert(thisValue); 
};

这是小提琴：https://jsfiddle.net/16sn90tp/

Answer 3

确保在文档就绪事件（window.onload）上执行此代码

＆＃13;

  var monthSelect = document.getElementById("month")
  monthSelect.onchange = function() {

    var opt = monthSelect.options[monthSelect.selectedIndex]
    if (opt.text == "Feb") {
      alert("Feb selected")
    }
  }

＆＃13;

   <select id="month" name="month">
<option value="Jan">Jan</option>
<option value="Feb">Feb</option>
<option>Mar
<option>Apr
<option>May
<option>Jun
<option>Jul
<option>Aug
<option>Sept
<option>Oct
<option>Nov
<option>Dec
</select>

＆＃13;

Answer 4

    Jan Feb

＆＃13;

    function myFunction() {
        var monthSelect = document.getElementById("month").value;
        if (monthSelect == "Feb") {
            alert("Feb selected");
            return false;
        }
    }

＆＃13;

<select id="month" name="month" onchange="myFunction()">
  <option value="Jan">Jan</option> 
  <option value="Feb">Feb</option>
</select>

＆＃13;

Answer 5

嗨，首先添加一个名为＆＃34; month＆＃34;所有的选项标签和一个类＆＃34; monthList＆＃34;选择例如：

<select class="monthList">
    <option class="month">Jan</option>
    <option class="month">Feb</option>
    <option class="month">Mar</option>
    ...
</select>

在此之后你需要一些JQuery：

$(".monthList .month").click(function(){
    var selectedMonth = $(this).text();
    var showText = "you selected " + selectedMonth;
    alert(showText);
});

试试这个，它应该有效。

javascript - 从选择列表中获取所选值

5 个答案: