Set by default hours and minutes in ASP.Net DropDownList on Button click using jQuery

Hi Ramco1917,

You need to use JavaScript split function. Please refer below sample.

HTML

<table>
    <tr>
        <td>Hours</td>
        <td><asp:DropDownList ID="ddlHours" runat="server">
                <asp:ListItem Text="Select Hours" Value="SelectHours" />
                <asp:ListItem Text="0" Value="0" />
                <asp:ListItem Text="1" Value="01" />
                <asp:ListItem Text="2" Value="02" />
                <asp:ListItem Text="3" Value="03" />
                <asp:ListItem Text="4" Value="04" />
                <asp:ListItem Text="5" Value="05" />
                <asp:ListItem Text="6" Value="06" />
                <asp:ListItem Text="7" Value="07" />
                <asp:ListItem Text="8" Value="08" />
                <asp:ListItem Text="9" Value="09" />
                <asp:ListItem Text="10" Value="10" />
                <asp:ListItem Text="11" Value="11" />
                <asp:ListItem Text="12" Value="12" />
                <asp:ListItem Text="13" Value="13" />
                <asp:ListItem Text="14" Value="14" />
                <asp:ListItem Text="15" Value="15" />
                <asp:ListItem Text="16" Value="16" />
                <asp:ListItem Text="17" Value="17" />
                <asp:ListItem Text="18" Value="18" />
                <asp:ListItem Text="19" Value="19" />
                <asp:ListItem Text="20" Value="20" />
                <asp:ListItem Text="21" Value="21" />
                <asp:ListItem Text="22" Value="22" />
                <asp:ListItem Text="23" Value="23" />
                <asp:ListItem Text="24" Value="24" />
            </asp:DropDownList></td>

        <td>Minutes</td>
        <td><asp:DropDownList ID="ddlMinutes" runat="server">
                <asp:ListItem Text="Select Minutes" Value="SelectMinutes" />
                <asp:ListItem Text="0" Value="00" />
                <asp:ListItem Text="1" Value="01" />
                <asp:ListItem Text="2" Value="02" />
                <asp:ListItem Text="3" Value="03" />
                <asp:ListItem Text="4" Value="04" />
                <asp:ListItem Text="5" Value="05" />
                <asp:ListItem Text="6" Value="06" />
                <asp:ListItem Text="7" Value="07" />
                <asp:ListItem Text="8" Value="08" />
                <asp:ListItem Text="9" Value="09" />
                <asp:ListItem Text="10" Value="10" />
            </asp:DropDownList></td>
    </tr>
</table>
<br />
<asp:Button ID="btnSubmit" Text="Submit" runat="server" />

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
    $(function () {
        $('[id*=btnSubmit]').on('click', function () {
            var dt = "22:00";
            $('[id*=ddlHours]').val(dt.split(':')[0]);
            $('[id*=ddlMinutes]').val(dt.split(':')[1]);
        });
    });
</script>

Screenshot