Html 选择代表整数的图像？

用户选择排名

<代码>排名：整数

EMOTICONS = ['1.png', '2.png', '3.png', '4.png']

如何在下拉菜单中向用户显示表情符号图像，而不是这些表情符号所代表的整数

4 = :] = 4.png # Smilely face strings are an example. I have better quality emoticon images I'd like to use
3 = :) = 3.png
2 = :( = 2.png
1 = :[ = 1.png

---

为什么不在视图中使用表情符号字符串，即

表情符号=['：）'、'：（'、'：|'、'：@']，而不是使用文件名（“1.png”）

---

然后在服务器上，您可以在参数上使用

case

语句来查找匹配的文件名。

为什么不在视图中使用文件名（“1.png”），而使用表情符号字符串，即

表情符号=['：）'，'：（'，'：|'，'：@']

---

然后在服务器上，您可以使用参数上的

case

语句来查找匹配的文件名。

您可能无法使用类似的插件。常规HTML

选项不允许使用图像。您可能可以对简单符号使用自定义字体。哪个UI（CSS和Javascript）框架您正在使用或计划使用。他们中的大多数都有一个解决方案或允许插件解决方案，可以为您提供样式化的选择选项。遗憾的是，标准HTML集没有，而且您自己的应用相当困难。您想在下拉列表中显示实际图像还是仅显示该整数的表情符号？Yea@tadman。这可能是一个问题很好的选择。否则，现在我将尝试只显示所有四个表情。增加非活动表情的不透明度，然后当用户悬停或单击其中一个表情时，删除透明度。这里有一个新问题可以帮助我实现这一目标：可能有助于回答您的问题，或者至少有助于说明问题。您可能无法使用像.Regul这样的插件ar HTML

选项不允许图像。您可以使用自定义字体来表示简单符号。哪个UI（CSS和Javascript）框架您正在使用或计划使用。他们中的大多数都有一个解决方案或允许插件解决方案，可以为您提供样式化的选择选项。遗憾的是，标准HTML集没有，而且您自己的应用相当困难。您想在下拉列表中显示实际图像还是仅显示该整数的表情符号？Yea@tadman。这可能是一个问题很好的选择。否则，现在我将尝试只显示所有四个表情。增加非活动表情的不透明度，然后当用户悬停或单击其中一个表情时，删除透明度。这里有一个新问题可以帮助我实现这一目标：可能有助于回答您的问题，或者至少对其有所帮助。