Arranging/swapping drop down box values

[shrutib]

Hello All,
I am having the drop down list with count 1 to 10 which is looped for itemlist. For item 1 dropdown list shows count 1 to 10,item 2 also dropdown list shows count 1 to 10 and so on. I want to preset the value for the drop down list which should display on page load like for item 1 drop down value count set to 1, for item 2 drop down value count set 2.. and so on. How can i acheive this please let me know. Code is attached for the drop down list. Want the solution in html/javascript/ruby on rails.

    <select id="order_of_display" name="order[display]">
                                                    <option value="0" selected ="selected">Selectorder</option>
 <% if  @items[:active] %>
                                                    <%for i in (1..@items[:active].size) %>
                                                         <option value=" <%= i  %>" > <%= item.id %> </option>
                                                         <% end %>
                                                          <% end %>
                                                  </select>

[acoder]

You would probably be best setting this in Ruby/Rails.

You've already set the selected option value:

selected ="selected"

Add this to the desired option value setting for each drop down.

If you still need this done in JavaScript, let us know.

[shrutib]

Hello,
I am able to view the selected one. Now my problem is i want to swap the drop down values on change. For example
drop down 1 - value selected 1
drop down 2 - value selected 2 and so on. If i change drop down 1 to value 2 , drop down 2 value should change to 1 automatically(s wapping). What should i do to achieve this?Please help.

[LEFT]<select id="order_of_display" name="order[display]" onchange="swap();">

                                            <% @orderNumber= item.position  %>
                                            <%for i in (1..@items[:active].size) %>

                                            <%if( i == @orderNumber) %>

                                            <option value="<%= item.id %> " selected="selected"><%= i%>  </option>

                                            <%else%>
                                            <option value="<%= item.id %>" ><%= i%> </option>
             <%end%>

                                            <%end%>
                                            </select>[/LEFT]

[acoder]

The idea is simple, e.g.

var val1 = dropdown1.value;
dropdown1.value = dropdown2.value;
dropdown2.value = val1;