使用javascript获取SELECT元素的值

Getting the value of a SELECT element with javascript

本文关键字：元素 SELECT javascript 获取 使用      更新时间：2023-09-26

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

为此，我有一些选择元素如下：

<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>

你能告诉我问题出在哪里吗？我该怎么办？

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

alert("Start hour is ".startHour );

您正在从未定义的"startHour is"字符串中获取startHour属性。

alert("Start hour is "+startHour );

试试这个

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