I have a option dropdown menu with spanish for the selection:

```
<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>

```

It will display a drop-down list:

* Please Select
* Asiático - Camboyan
* Asiático - Indio

When I use javascript to replace the a value like

```
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";

```

Then text of this value value is like\*\* Isle&xF1o Pac&xEDfico, Guame#xF1;o

instead of display this:

Isleño Pacífico, Guameño

I think when it changed the text, it is just replaced the text in the option but the browser does not encode the entire HTML code. Is there anyway to resolve this problem?