Question

我有一个带有西班牙语的选项下拉菜单供选择：

<select style="width: 280px" id="Mobility" name="Mobility">
  <option selected=""> Please Select</option>
  <option value=AI> Adl#$*&she - Camboyan</option>
  <option value=AN>As#$#)*&^ - Indio </option>
</select>

它将显示一个下拉列表：

请选择
Asiático - Camboyan
Asiático - Indio

当我使用javascript替换像

这样的值时

var select= document.getElementById( "myOption" );

for( i = 0; i < select.options.length; i++ ){

if ( select.options[ i ].value == "AI" ){

select.options[i].text = "Isle&xF1;o Pac&xED;fico, Guame#xF1;o";

然后这个值的文本就像** Isle＆amp; xF1; o Pac＆amp; xED; fico，Guame＃xF1; o

而不是显示：

IsleñoPacífico，Guameño

我认为当它更改文本时，它只是替换了选项中的文本，但浏览器不会编码整个HTML代码。无论如何都有解决这个问题的方法吗？

Answer 1

我认为您需要将Unicode与代码点值一起使用。

尝试用此替换你的select.options ...代码，

select.options[i].text = "Isle\u00F1o Pac\u00EDfico, Guame\u00F1o";

此外，谷歌上的快速搜索返回此链接，这可能有助于其他角色。

http://www.utf8-chartable.de/

Answer 2

ķ

我也将此代码用于其他语言。因此，我使用这种方法，它工作正常。首先，我必须清空清单。

谢谢，

$（ “＃选项”）空（）追加（ “”）;

$（“＃Options”）。append（“1 - EDD（WIA-1）”）;

$（“＃Options”）。append（“2-TANF / AFCD”）;

$（“＃Options”）。append（“3 - CalWORKs”）;

$（“＃Options”）。append（“4 - Trongtìnhtrạngphụchồisứckhỏe”）;

$（“＃Options”）。append（“5 - ĐangtheohọctrunghọcK-12”）;

$（“＃Options”）。append（“6 - Côngnhânbịsathãi”）;

西班牙语的下拉菜单选项

2 个答案: