looping through Dropdowns in a multiform field in sharepoint designer

Question

I have a custom list I built using SharePoint Designer. Its a multi view form so I'm updating in a batch with one SAVE button. Unfortunately I have a dropdown list on each row and I want to hide a textbox on the same row if the user selects a value e.g

 $(document).ready(function(){

  $("select[title='Status']").change(function () {

        var selectedValue = $("option:selected").val();
        //alert(selectedValue);
        if (selectedValue == 'Declined')
        {

        alert('Please add a Reason');

       }

      });
});

The dropdown does fire but the problem is it works well for only the first dropdowns.Is it possible to loop through all the dropdown list and then when selected get the specific item of that list and then do something for a textbox on that row. Thanks in Advance

Answer 1

Looking at the code again, you have lost scope with your selectedValue variable. What you are looking to do is iterate through all of the drop downs and apply some logic to the one's that have a value of "Declined". To do that, you'll want to keep your variable assignments within scope of the current drop down. Your variable assignment should have the keyword $(this) within it. Here's an example:

var selectedValue = $(this).find("option:selected").text();

I've also changed the .val() call to .text(), because you are trying to compare the text if I'm not mistaken. It'd be nice to see some markup, but I believe this is why you aren't seeing any results.