關閉：VAL追加ATTR無法在移動

Question

更新工作：我發現從片段一個代碼，類似於我的設計是這裏在移動我猜是這樣的：

_colors=$('._select_color_drop li'); 
      for (var i = _colors.length - 1; i >= 0; i--) { 
       $(_colors[i]).click(function(){ 
        var color_text = $(this).find('span').attr('_text_display'); 
        var elemnt = $(this).closest('._select_color_drop').prev(); 
        elemnt.find('span.color').remove(); 
        $(this).find('span').clone().appendTo(elemnt); 
        var contents = $(elemnt).contents(); 
        if (contents.length > 0) { 
         if (contents.get(0).nodeType == Node.TEXT_NODE) { 
          $(elemnt).html(color_text).append(contents.slice(1)); 
         } 
        } 
        if($('[name=_color]').val() == undefined){ 
         elemnt.next().append("<input type='hidden' name='_color' value='"+color_text+"'>"); 
        }else{ 
         $('[name=_color]').val(color_text); 
        } 

       }) 
      }; 

任何想法解決這個問題？ T_T

我已經解決了這個問題。謝謝:)

---

引導形式，選擇樣式選項

我有一個關於自舉3表單樣式問題的問題。 它有任何機會的選擇可以這樣的風格嗎？ Sample design

 <section> 
    <div class="col-md-6 col-xs-12 text-left form-cover"> 
    <div class="form-group"> 
    <label for="">Your Age</label> 
    <select class="form-control" id=""> 
    <option>-Please select your Age-</option> 
    <option>Below 18</option> 
    <option>19-30</option> 
    <option>30-40</option> 
    <option>40 and above</option> 
    </select> 
    </div> 

    <div class="form-group"> 
    <label for="">Choose Your Color</label> 
    <select class="form-control" id=""> 
    <option>-Please select colour-</option> 
    <option><div style="background: yellow; width: 20px; height: 20px;"></div></option> 
    <option><div style="background: black; width: 20px; height: 20px;"></div></option> 
    <option><div style="background: white; width: 20px; height: 20px;"></div></option> 
    <option><div style="background: purple; width: 20px; height: 20px;"></div></option> 
    <option><div style="background: blue; width: 20px; height: 20px;"></div></option> 
    <option><div style="background: grey; width: 20px; height: 20px;"></div></option> 
    <option><div style="background: green; width: 20px; height: 20px;"></div></option> 
    <option><div style="background: pink; width: 20px; height: 20px;"></div></option>   
    </select></div> 
    </div> 
    </section> 

我把DIV中的選項，但似乎不起作用。 :(

想知道它是可以使用下拉式造型，但我擔心後端無法捕捉值

謝謝

Answer 1

我看到了兩個簡單的方法做你想要的：！

1. 嘗試select2（版本BS3也存在），寫自己的這種風格。使用選擇2，你仍然可以從選擇直接獲得價值。
2. 使用隱藏的選擇+ bootstrap 3 dropdown component譜寫簡單的jQuery函數：每次用戶更改下拉列表的值時，隱藏選擇的值也會發生變化。