As title I have a list long of time as below, how do I make it short instead of that crazy listing.
<select id="timesch">
<option>8.00am</option>
<option>8.30am</option>
<option>9.00am</option>
<option>9.30am</option>
<option>10.00am</option>
<option>10.30am</option>
<option>11.00am</option>
<option>11.30am</option>
<option>12.00pm</option>
<option>12.30pm</option>
<option>1.00pm</option>
<option>1.30pm</option>
<option>2.00pm</option>
<option>2.30pm</option>
<option>3.00pm</option>
<option>3.30pm</option>
<option>4.00pm</option>
<option>4.30pm</option>
<option>5.00pm</option>
<option>5.30pm</option>
<option>6.00pm</option>
<option>6.30pm</option>
<option>7.00pm</option>
<option>7.30pm</option>
<option>8.00pm</option>
<option>8.30pm</option>
<option>9.00pm</option>
<option>9.30pm</option>
<option>10.00pm</option>
<option>10.30pm</option>
<option>11.00pm</option>
<option>11.30pm</option>
<option>12.00am</option>
</select>
You could generate the list of times like so…
CodePad.
Output
You could then build your
selectelement accordingly.