jqTransform下拉菜單不顯示一次選中

我在我的網站上使用插件jqTransform。（此插件是jQuery，並使窗體看起來很好）jqTransform下拉菜單不顯示一次選中

任何人都可以告訴我爲什麼選擇國家後國家選擇表單不顯示國家名稱？

我已經包含到頁面的鏈接http://www.gamtool.com/affiliates-registration.asp

這是代碼的崩潰：

<div class="rowElem"><select name="select"> 
    <option value="opt1" selected>Please select a country</option> 
    <option value="AF">Afghanistan</option> 
    <option value="AL">Albania</option> 
    <option value="DZ">Algeria</option> 
    <option value="AS">American Samoa</option> 
    <option value="AD">Andorra</option> 
    <option value="AO">Angola</option> 
    <option value="AI">Anguilla</option> 
    <option value="AQ">Antarctica</option> 
    <option value="AG">Antigua and Barbuda</option></select></div>

這是文體功能的細分：

/* ------------- 
* Selects 
* ------------- */ 
.jqTransformSelectWrapper { 
    width: 300px; 
    position:relative; 
    height: 31px; 
    background: url(/js/img/select_left.gif) no-repeat top left; 
    float:left; 
} 

.jqTransformSelectWrapper div span { 

    font-size: 12px; 
    float: none; 
    position: absolute; 
    white-space: nowrap; 
    height: 31px; 
    line-height: 15px; 
    padding: 8px 0 0 7px; 
    overflow: hidden; 
    cursor:pointer; 
    width: 300px; 
    /*border: 1px solid #CCCCCC;*/ 
/* border-right: none;*/ 
}

的JS文件位於：http://www.gamtool.com/js/jquery.jqtransform.js

It loo ks像國家正在顯示，但有一層呢？

謝謝

來源

2011-03-23 Gerald Ferreira

我知道爲什麼！原因JqueryTransform設置您選擇的值在選擇隱藏！所以爲了解決這個難題，你必須在jqTransformSelectWrapper級別之後摧毀你的選擇，之後你必須改變選擇隱藏的值並在你的選擇中再次應用jqTransform！真的很複雜，但我在這裏也有同樣的問題！

來源

2011-12-19 19:09:53 Leandro

解決方法是以不同的方式隱藏窗體。我正在使用height:0而不是display:none。然後在我的Javascript中，我會使用animate來顯示錶單。這樣jqtransform會適當地設置所有表單元素。

CSS：

#sfBlock03 { 
    height:0; 
    overflow:hidden; 
}

$(function() { 
     $('#showAdvanced').toggle(function() { 
     $('#sfBlock03').animate({ 
      height: 350 
     }); 
     }, function() { 
     $('#sfBlock03').animate({ 
      height: 0 
     }); 
     }); 
    });

注：#showAdvaced是按鈕的ID顯示高級選項和#sfBlock03是包含先進的div ID形成。

我希望這會有所幫助。

來源

2011-12-23 16:24:56 Klikerko

jqTransform下拉菜單不顯示一次選中

回答

相關問題