get selected item from dropdownlist inside gridview using javascript

Question

0.00/5 (No votes)

See more:

Hi to all, I want to get value from dropdownlist inside gridview, i tried its loop through the gridview but not able to get the value from dropdownlist, i placed the code below.. please help me thanks ...

code:

C#

function checkUpdateOption() {

            var gvET = document.getElementById("<%= GridView1.ClientID %>");
            var rCount = gvET.rows.length;
            alert(rCount);

            for (var rowIdx=1;rowIdx<=rCount-1;rowIdx++) {
            

 var cell = gvET.rows[rowIdx].cells[0].getElementsByTagName("*")[0].value;
               
 alert(cell);


            }
            return false;
        }

In Alert box it display "on" value

Posted 31-Jan-13 21:34pm

Skvignesh

Add a Solution

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Marla **Sukesh** · Answer 1 · 2013-01-31T22:00:00

Solution 1

Instead i suggest use jQuery
Attach CssClass MyGridView to your GridView and class called MyDropDown to DropDownList

then,

C#

$('.MyGridView').find('tr').each
(
    function()
    {
        var CurrentDrownValue=$(this).find('.MyDropDown').attr('value');

    }
);

Posted 31-Jan-13 22:00pm

Marla Sukesh

Claudia Farcau · Answer 2 · 2013-02-01T00:07:00

Hi there,

Bellow you can see a simple example that is using a GridView where each row has a cell with a dropdown item.
Each time you click a cell from the GridView (except the cells with the dropdown inside) you will get a message with the current dropdown value from the selected row.
I hope this will help you!

XML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html>
<head>
<title>Dummy test</title>
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>

<script type="text/javascript">

    $(document).ready(function () {
        $("#usersGridView td").click(function () {
            if ($(this).find("select").length) {
                return;
            }
            else {
                var selectedRow = $(this).parent();
                var selectedOptionValue = $(selectedRow).find("select option:selected").val();
                alert("The selected row has rate: " +selectedOptionValue);
            }
        });
    });

</script>

</head>
<body>

    <form id="myForm" runat="server">
      <asp:SqlDataSource runat="server" ID="MyDataSouce"
         ConnectionString="Data Source=localhost;Initial Catalog=Users;Integrated Security=True;"
         DataSourceMode = "DataReader"
         SelectCommand = "select [Name], [Age] from [Users]">
       </asp:SqlDataSource>

      <asp:GridView ID="usersGridView"
          Runat="server"
          DataSourceID="MyDataSouce"
          AutoGenerateColumns="false" >
      <Columns>
       <asp:BoundField DataField = "Name" HeaderText = "Name"/>
       <asp:BoundField DataField = "Age" HeaderText = "Age" />
       <asp:TemplateField HeaderText="Rate">
            <ItemTemplate>
                <select>
                  <option value="10">10%</option>
                  <option value="20">20%</option>
                  <option value="30">30%</option>
                  <option value="40">40%</option>
                </select>
            </ItemTemplate>
        </asp:TemplateField>
      </Columns>

      </asp:GridView>
    </form>

</body>
</html>

i_microsoft · Answer 3 · 2014-07-07T21:10:00

Solution 3

Is this not possible using just JavaScript??

Posted 7-Jul-14 21:10pm

i_microsoft