2013-08-24 47 views
0

如何切換出現在這個選擇標記示例值...開關出現在選擇標記值

如果我選擇代碼在列表中的值人類將出現是556,如果我已選擇動物代碼出現在選擇框中的值將是556.我該怎麼做?我需要一個JavaScript或東西來添加在選擇標籤?

<select name="test" id="test"> 
    <option value="556">Code for Humans</option> 
    <option value="556">Code for Animals</option> 
    <option value="556">Code for Elements</option> 
</select> 
+0

你爲什麼要那樣做?如果你想顯示爲1而不是「一個」,那麼你爲什麼不改變選項呢? –

+0

這是需要在我的web應用程序。出於某種原因,文本應首先出現以瞭解「描述」值。 – Arem

+0

難道你不能以「代碼 - 描述」格式生成'option'文本(不是'value')嗎? – Harry

回答

0

沒有直接的方法,因爲這是選擇框的工作方式。

但是你可以嘗試把一個文本框上方的選擇框(把文本框沒有邊框和選擇框在一個div,使文本框的寬度充滿margin和padding足以使文本適合在選擇框)。

處理文本焦點以顯示下拉菜單和選擇,在文本框中顯示代碼。所以,用戶看到帶有代碼的文本框而不是所選的值。

演示 - jsfiddle.net/5E7DS/

但ofcouse這不會完全一樣的選擇框。更改文本本身以顯示代碼會更容易也更正確。

+0

可能,但是如果必須顯示代碼,那麼把它放入選項文本本身不是更容易嗎? (比如'556 - 人類代碼') – Harry

+0

很遺憾聽到這個消息,我知道選擇標籤只包含值和文本,我認爲會有使用javascript或其他方法的方法。 – Arem