Search code examples
javascriptjqueryuser-controlslistboxwebusercontrol

Add Value to Listbox in User Control Using Javascript or Jquery


I am able to add value to textbox in User control using jQuery. Below is my code:

$("input[id*=txtApproverEmail]").val("EmailAddress");

How to add or append value to listbox in user control using jQuery or javascript?

Below is my user control:

<tr>
    <td>Select Approver:</td>
    <td>
        <asp:TextBox ID="txtApproverEmail" runat="server" CssClass="text ui-widget-content ui-corner-all" ReadOnly="true"></asp:TextBox>
        <img id="imgCOApproverEmail" src="../Images/Binoculars.png" />
    </td>
</tr>
<tr>
    <td>Carbon Copy To:</td>
    <td>
        <asp:ListBox ID="lstCCTo" runat="server" CssClass="text ui-widget-content ui-corner-all" Width="310px"></asp:ListBox>
        <img id="imgCOApproverEmailCCTo" src="../Images/Binoculars.png" />
    </td>
</tr>

Solution

  • Try this:

    $('select').append('<option>New value</option>');
    

    Or

    $('select[id*=lstCCTo]').append('<option>New value</option>');