Get Dropdown selected text via Gridview javascript onclick

Question

I have a GridView with a few labels and two DropDownList controls. At the end of each row, I have a "Print" button (normal form button, not asp button). The onclick event produces javascript and passes in values from the grid.

How do I get the Dropdownlist values?

<asp:TemplateField ItemStyle-HorizontalAlign="Center">
    <ItemTemplate>
        <input type="button" 
            style="font-size: 18px" 
            onclick="javascript:jsWebClientPrint.print('useDefaultPrinter=' + $('#useDefaultPrinter').attr('checked') + '&printerName=' + $('#installedPrinterName').val() + '&lblNDC=<%# Eval("CODE1") %>    ' + '&unit=<%# Eval("ddUnit.Text") %>    ');" 
            value="Print" />
    </ItemTemplate>
</asp:TemplateField>

It doesn't like trying to Eval ddUnit.Text, but that's the value I'm trying to pass as a URL variable.

you are using the library jquery right?

codeandcloud
– codeandcloud

2014-11-07 06:53:50 +00:00
Commented Nov 7, 2014 at 6:53 — codeandcloud
– codeandcloud, Commented Nov 7, 2014 at 6:53

ethorn10 · Accepted Answer · 2014-11-06 22:48:19Z

2

This is hardly the most elegant solution, but you could continue along the jquery path to get the DropDownList value:

<asp:TemplateField ItemStyle-HorizontalAlign="Center">
    <ItemTemplate>
        <input type="button" style="font-size:18px" onclick="javascript:jsWebClientPrint.print('useDefaultPrinter=' + $('#useDefaultPrinter').attr('checked') + '&printerName=' + $('#installedPrinterName').val() + '&lblNDC=<%# Eval("CODE1") %>' + '&unit=' + $('#<%# ((GridViewRow)Container).FindControl("ddUnit").ClientID %>').text());" value="Print" />
    </ItemTemplate>
</asp:TemplateField>

answered Nov 6, 2014 at 22:48

ethorn10

1,8991 gold badge18 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Andrew Over a year ago

This almost worked. It doesn't take the selected value, it passes in all possible values for the dropdown. I tried .text and .value, but neither worked.

Andrew Over a year ago

$('#<%= ddUnit.ClientID %> option:selected').val(); You put me on the right track. Many thanks.

ethorn10 Over a year ago

Gah! Of course option:selected...my mistake. Glad it got you going though.

codeandcloud · Accepted Answer · 2014-11-07 06:50:56Z

Try this.

Markup

<asp:TemplateField>
    <ItemTemplate>
        <asp:DropDownList CssClass="ddlUnit" runat="server">
            <asp:ListItem Text="text1" Value="1" />
            <asp:ListItem Text="text2" Value="2" />
        </asp:DropDownList>
    </ItemTemplate>
</asp:TemplateField>
<asp:TemplateField ItemStyle-HorizontalAlign="Center">
    <ItemTemplate>
        <input type="button"
            style="font-size: 18px"
            onclick='<%# "MyPrintWrapper(this, \""+ Eval("CODE1") + "\")" %>'
            value="Print" />
    </ItemTemplate>
</asp:TemplateField>

JavaScript

function MyPrintWrapper(elm, code) {
    var paramString = 'useDefaultPrinter=' + $('#useDefaultPrinter').attr('checked')
        + '&printerName=' + $('#installedPrinterName').val()
        + '&lblNDC=' + code
        //take the clicked button, find its row, 
        //then find the dropdownlist using its class name
        + '&unit=' + $(elm).closest("tr").find(".ddlUnit").val();
    //console.log(paramString);
    jsWebClientPrint.print(paramString);
}

Here we created a class name for the dropdownlist and a wrapper js function so that markup looks cleaner.

Collectives™ on Stack Overflow

Get Dropdown selected text via Gridview javascript onclick

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related