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

您从“Start hour is”字符串获取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);
}

使用javascript获取SELECT元素的值

2 个答案: