jquery - 上記のリンク/ボタンのクリックに基づいて、jqueryを使用してさまざまな選択フィールド属性をフェードインする方法

Question

  = simple_form_for @item, :controller => "items", :action => "new", do |f|
  = render 'shared/messages', :object => @item

    fieldset
    legend Create Item
    h5 What are you listing?
    a.dress dress
    a.bottoms bottoms
    a.tops tops
    span#dresses style="display:none;"
        # if dress is clicked, then the f.select values different values. 
        # example values would be "green, white"
    span#bottoms style="display:none;"
        # if bottom is clicked, then the f.select values different values. 
        # example values would be "pink, orange"
    span#tops style="display:none;"
        # if tops is clicked, then the f.select values different values. 
        # example values would be "aqua, blank"

    f.select :color, "select values based on clicked above"

私の最終目標は、「ドレス」をクリックすると、それぞれが異なるため、select :color の値のプロパティを jquery が更新することです。上記の各リンクをクリックすると、:color 選択フィールドに異なる選択値のセットが割り当てられます。

これを処理するエレガントな方法を見つけるのに苦労しています。

ありがとう