Question

In my JavaScript I have three Links. The second link is open depends upon the first link id selected. Everything works fine. But After selecting the second link, if i want to change the first link, the second link is still opens for the old id.If I want to change the first link, all the fields should change and opens as per the first link.

 var generic_lookup_Enr_Rds_Section2009_selected = function(id, to_s) {
      var question_link = $('#question_picker').attr('href');
      question_link = question_link.replace(/\?+$/, '');
      question_link = question_link + '?columns[enr_rds_section_id]=' + id;
      $('#question_picker').attr('href', question_link);
      $("#modal_popup").dialog("destroy");

  };

  var generic_lookup_Enr_Rds_Question2009_selected = function(id, to_s) {
      var answer_link = $('#answer_picker').attr('href');
      answer_link = answer_link.replace(/\?+$/, '');
      answer_link = answer_link + '?columns[enr_rds_question_id]=' + id;
      $('#answer_picker').attr('href', answer_link);
      $("#modal_popup").dialog("destroy");
  };

html

<div class="question">
      <%= f.label :Section %>
      <%= link_to pro_generic_lookup_data_path("Enr::Rds::Section2009", format: :js), data: {remote: true} do %>
        <%= image_tag("Search-icon.gif", border: 0, :alt => "Look up Sections", title: 'Lookup Sections') %>
      <% end %>
 </div>

  <div class="question">
      <%= f.label :Question %>
      <%= link_to pro_generic_lookup_data_path("Enr::Rds::Question2009", format: :js), data: {remote: true}, id: "question_picker" do %>
        <%= image_tag("Search-icon.gif", border: 0, :alt => "Look up Questions", title: 'Lookup Questions', :class => "image_section_search") %>
      <% end %>
 </div>

Answer 1

Solved it by Javascript using cascading dropdown function by example. Thanks guys.