Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/459.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用javascript获取SELECT元素的值_Javascript_Html - Fatal编程技术网

使用javascript获取SELECT元素的值

使用javascript获取SELECT元素的值,javascript,html,Javascript,Html,我有一个表单,用户应该选择事件的开始和结束时间(仅小时和分钟)。我想以这样的方式验证表单,开始时间当然应该小于结束时间 为此,我选择了如下一些元素: <select name="start_timeHour"> <option value="00">00</option> <option value="01">01</option> <option value="02">02</option> &

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

为此,我选择了如下一些元素:

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

00
01
02
03
.....
.....
因此,我希望获得开始和结束的所选选项的值(小时和分钟,并在if语句中进行比较)。为了启动,我尝试获取start\u timeHour的值,但警报功能仅显示未定义的

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

函数validateTime()
{
var startHour=
文件。表格[“添加新日程”][“开始时间”]。值;
警报(“开始时间为“.startHour”);
}

你能告诉我是什么问题吗?我如何处理这个问题?

你的代码是正确的,你的错误在

alert("Start hour is ".startHour );
您将从未定义的“Start hour is”字符串中获取startHour属性

alert("Start hour is "+startHour );

你的代码是正确的,你的错误在

alert("Start hour is ".startHour );
您将从未定义的“Start hour is”字符串中获取startHour属性

alert("Start hour is "+startHour );
试试这个

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

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

这可能会有帮助:这个问题太本地化,因为它是关于一个打字错误。这可能会有帮助:这个问题太本地化,因为它是关于一个打字错误。