Jquery can't get the value from input form

Question

Why do I can't see the start and end value? What's wrong with the code below? It returns undefined value.

    Start Date : <input type="text" id="datepicker" name="start" id="start" style="width:450px;" /><br>
    End Date : <input type="text" id="datepicker2" name="end" id="end" onchange="compareDate()" style="width:450px;" /><p id="err"></p>

    <script>
       function compareDate()
       {
          var startDate = $("#start").val() ;
          var endDate = $("#end").val();
          var err = document.getElementById("err");
          document.getElementById("err").innerHTML = startDate + "///" + endDate;
       }


    </script>

I'm a newbie in jQuery. Please help me

You have two ids in your `` tag? Choose one! After that read [this](http://stackoverflow.com/questions/8147108/getting-value-from-jquery-datepicker) tutorial. — Hendry Tanaka, Oct 07 '14 at 03:50
Thats Programming Drunkenness...[Too many Bottles of codes can make you double IDs]... lol — ErickBest, Oct 07 '14 at 03:55

score 3 · Accepted Answer · answered Oct 07 '14 at 03:52

You have 2 id's in your input tags. Remove the first one in each:

Start Date : <input type="text" name="start" id="start" style="width:450px;" /><br>
End Date : <input type="text" name="end" id="end" onchange="compareDate()" style="width:450px;" /><p id="err"></p>

Jquery can't get the value from input form

1 Answers1