0

ユーザーがイベントの開始時間と終了時間を選択する必要があるフォームがあります (時間と分のみ)。もちろん、開始時間が終了時間よりも短くなるようにフォームを検証したいと思います。

このために、次のような選択要素がいくつかあります。

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

何が問題なのか、どうすればこれを管理できるのか教えていただけますか?

4

2 に答える 2

5

あなたのコードは正しいです、あなたの間違いは

alert("Start hour is ".startHour );

未定義の「開始時間は」文字列から startHour プロパティを取得しています。

alert("Start hour is "+startHour );
于 2013-08-08T15:12:40.163 に答える
1

これを試して

function validateTime()
{
    var startHour = document.getElementByName('start_timeHour');
    alert("Start hour is " + startHour.options[startHour.selectedIndex].value);
}
于 2013-08-08T15:13:46.903 に答える