Html 使用<;罢工>;或<;德尔>;在选择框中

Html 使用<;罢工>;或<;德尔>;在选择框中,html,xhtml,Html,Xhtml,在下拉列表中是否有删除文本的方法。我正在制作一个商业应用程序,并寻找一种方式来证明一件商品正在出售。我想通过显示旧的价格和删除它,并在旁边显示销售价格来实现这一点 我试过这样的东西 <select> <option value="1">Small Box 10.99</option> <option value="2">Large Box <del>19.99</del> 15.99</option&g

在下拉列表中是否有删除文本的方法。我正在制作一个商业应用程序,并寻找一种方式来证明一件商品正在出售。我想通过显示旧的价格和删除它,并在旁边显示销售价格来实现这一点

我试过这样的东西

<select>
    <option value="1">Small Box 10.99</option>
    <option value="2">Large Box <del>19.99</del> 15.99</option>
</select>

小盒子10.99
大盒子19.99 15.99

否。对于HTML标准元素,您不能拥有这种功能。要解决这个问题,您必须创建自己的元素。

如果您使用的是标准HTML
select
,这是不可能的。
标记中的任何标记都将被忽略:

<!-- The style in the span tag is completely ignored -->
<option value="1"><span syle="color:red">Small</span> Box 10.99</option>

下面是演示。

您可以使用Unicode组合字符U+0336长笔划叠加:

"19.99".replace(/\d/g, function (digit) { return digit + "\u0336" })
结果:1、9、9

(当你将它应用到月经期时,它看起来不太好;这就是为什么我忽略了这一点。)

以下是应用笔划的所有数字,如果您只想将它们复制到服务器端脚本中:

0̶1̶2̶3̶4̶5̶6̶7̶8̶9̶

指定您正在使用的确切DTD(HTML、XHTML、strict、transitional)稍微短一点:
“19.99”。替换(/\d/g,“$&\u0336”)
@travis Ah,nice!:D我从未在JavaScript中使用过
$&
!是的,它可以派上用场。另外,您不需要使用嵌套函数。这里还有几个其他的可能很方便:
0̶1̶2̶3̶4̶5̶6̶7̶8̶9̶