javascript - 使用 javascript 获取 SELECT 元素的值

Question

我有一个表单，用户应该选择事件的开始和结束时间（只有小时和分钟）。我想以这样一种方式验证表格，即开始时间当然应该小于结束时间。

为此，我有一些这样的选择元素：

<select name="start_timeHour">
  <option value="00">00</option>
  <option value="01">01</option>
  <option value="02">02</option>
  <option value="03">03</option>
  <!-- UP TO 24 -->
</select>

<select name="start_timeMinutes">
.....
<select name="end_timeHour">
.....
<select name="end_timeMinutes">
<!-- I think you got the idea! -->

所以我想获取开始和结束的选定选项的值（小时和分钟，并在 if 语句中比较它们）。为了开始这些事情，我试图获取start_timeHour的值，但警报函数只显示未定义

<script type="text/javascript">
    function validateTime()
    {
        var startHour = 
            document.forms["add_new_schedule"]["start_timeHour"].value;
        alert("Start hour is ".startHour );
    }
</script>

你能告诉我问题是什么，我该如何解决？

Answer 1

您的代码是正确的，您的错误在于

alert("Start hour is ".startHour );

您从未定义的“开始时间是”字符串获取 startHour 属性。

alert("Start hour is "+startHour );

Answer 2

尝试这个

function validateTime()
{
    var startHour = document.getElementByName('start_timeHour');
    alert("Start hour is " + startHour.options[startHour.selectedIndex].value);
}