選擇2下拉菜單上的引導模式

HTML代碼出現凌亂 -選擇2下拉菜單上的引導模式

<div class="block"> 
    <label class="control-label-required">Deposit to account </label><br /> 
    <select id="receipt_voucher_to_account_id" name="receipt_voucher[to_account_id]"> 
    <option value="1">sbi</option> 
    <option value="2">cash in hand</option> 
    <option value="3">Loan and advances</option> 
    <option value="4">HDFC Bank acc</option> 
    </select> 
</div>

jQuery代碼 -

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#receipt_voucher_to_account_id").select2(); 
     $("#receipt_voucher_to_account_id").removeAttr('tabindex'); 
    }); 
</script>

輸出 - enter image description here

下拉不是在引導模式顯示正常。我發現一個解決方案，要求我刪除屬性tabindex，我遵循這一點，但仍然得到同樣的問題。請任何好友幫助我。謝謝！！

來源

2014-04-22 Shambhu

看起來像你缺少的CSS – user3036342

我想看你的代碼爲你的模態。下拉式代碼工作正常。 – nej

我正確地添加了css，並且除了模態框外，其他任何地方都能正常工作 – Shambhu

Select2是一個基於jQuery的替代選擇框。它支持搜索，遠程數據集和結果的無限滾動。

http://ivaynberg.github.io/select2/

它看起來像這個插件與正常引導干擾。

如果您註釋掉$("#receipt_voucher_to_account_id").select2();並重新加載頁面，會發生什麼情況？

您是否檢查過任何與CSS/js相關的錯誤的FireFox/Chrome控制檯？

來源

2014-04-22 07:54:25 Latheesan

在評論此代碼後顯示簡單的下拉菜單。控制檯中沒有顯示任何錯誤。 – Shambhu

選擇2下拉菜單上的引導模式

回答

相關問題