2013-08-24 41 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