更改下拉選定的文本不同於實際選項文本

有多個選項的下拉菜單。首先選擇一個選項，以便您首先查看下拉列表（摺疊狀態）時可以看到此選項文本。更改下拉選定的文本不同於實際選項文本

當在摺疊狀態下拉列表中顯示選定選項文本時，是否有任何方式顯示，但是當展開時，然後用全文顯示相應的選項？

爲了更好地理解我想要什麼，我已經做繪圖：http://goo.gl/BSwOi

2013-03-06 Gaccho

繪圖不工作了。下一次，將它作爲圖像上傳到問題中 – CodyBugstein 2015-02-09 15:41:46

剛剛修復的寬度，例如。我用這個HTML：

<select style="width: 40px"> 
    <option value="Volvo">Volvo</option> 
    <option value="Saab">Saab</option> 
    <option value="Opel">Opel</option> 
    <option value="Audi">Audi</option> 
</select>

演示：http://jsfiddle.net/MzZxG/

來源

2013-03-06 11:14:13 mattytommo

想到這個問題，但如果選項文本包含3個單詞（不同長度），並且您只需要將選項文本的第一個單詞顯示爲摺疊下拉菜單中的可見文本？如果有多個下拉菜單呢？ - 這意味着我應該爲他們每個人提供不同的寬度。如果期權價值是動態的呢？ – Gaccho 2013-03-06 11:52:06

@Gaccho然後，您必須使用jQuery來設置寬度，方法是找到選項中最長的第一個單詞，然後將字母數乘以5px。這將動態地爲所有人做。 – mattytommo 2013-03-06 11:53:56

所以：我們在一個特定的下拉菜單中確定選項文本中最長的第一個單詞。讓我們說它的9.我們設置從那裏計算的下拉寬度。那麼在這個下拉列表中選擇第一個單詞的長度是5？ - 它會顯示第一個字+4後面的字符，對嗎？無論如何 - 沒有其他方式可以在不改變下拉寬度的情況下做到這一點嗎？ – Gaccho 2013-03-06 12:35:18

更改下拉選定的文本不同於實際選項文本

回答

相關問題