How can I get dropdownlist value when checkbox is checked in MVC using JQuery

Question

I am new in ASP.Net MVC and JQuery.

I want to get row detail including selected dropdownlist value placed in one column.I want to store value in one object like customer = {customerId :'',customerName:''}

so How can I do this using JQuery.

here is my table structure.

<table style="table-layout: fixed;" class="data-display-table" id="tblFleet">           
            <tbody>
                @foreach (var item in Model)
                {
                    <tr>
                        <td>
                            <input type="checkbox" id="[email protected]"  />
                        </td>

                        <td>
                            @item.CustomerId
                        </td>
                        <td>
                            @item.CustomerName
                        </td>
                        <td>
                            @item.ContactNo
                        </td>                        
                        <td>
                            @{string ddlId = "ddl" + item.CustomerId}

                            @Html.DropDownList(ddlId, (IEnumerable<SelectListItem>)ViewBag.MessageTemplateList, new { @style = "width:140px" })
                        </td>
                    </tr>
                }
            </tbody>
        </table>

DotNet NF · Accepted Answer · 2014-09-10 05:44:27Z

1

I'm sure if you use @Html.CheckBoxFor, it will automatically understand whether or not the checkbox is ticked or not.

For instance if you use a with the input tags (input type="submit")

Which posts back to the controller, as long as you pass in the model (which is what I assume you're doing since you would use CheckBoxFor), ASP should understand if its checked

edited Sep 10, 2014 at 5:44

answered Sep 10, 2014 at 5:28

DotNet NF

8331 gold badge6 silver badges15 bronze badges

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

Comments

Bhushan Kawadkar · Accepted Answer · 2014-09-10 05:25:11Z

0

Try this : bind change event for checkbox and then find its parent tr and then find select box inside parent tr.

$(function(){
  $('input[type=checkbox]').change(function(){
     if($(this).is(':checked')
     {
       var parentTR = $(this).closest('tr');
       var selectBox = $(parentTR).find('select');
       var selectBoxValue = $(selectBox).val();
       alert(selectBoxValue);
     }
  });
});

Note - I am reading select box value when checkbox is selected, you can remove if condition if this is not your requirement.

answered Sep 10, 2014 at 5:25

Bhushan Kawadkar

28.6k5 gold badges39 silver badges61 bronze badges

Comments

Kartikeya Khosla · Accepted Answer · 2014-09-10 05:25:34Z

0

$(document).ready(function(){
  $('input[type="checkbox"]').change(function(){
    if($(this).is(':checked'))
    {
      var customerid =  $(this).closest('tr').find('td').eq(1).text();
      var drop =  $(this).closest('tr').find('td').eq(4).find('select option:selected').val();
    }
  });
});

answered Sep 10, 2014 at 5:25

Kartikeya Khosla

18.9k8 gold badges46 silver badges70 bronze badges

Collectives™ on Stack Overflow

How can I get dropdownlist value when checkbox is checked in MVC using JQuery

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related