InnerHTML su oggetto Select e Internet Explorer

luglio 17, 2008

L’impostazione della proprietà innerHTML su un oggetto di tipo select

<select name="name" id="id">
 <option value="a">a</option>
</select>

tramite una chiamata Javascript come

document.getElementById('id').innerHTML='<option value="b">b</option>';

fallisce miseramente su Internet Explorer.

Il workaround è un wrap dell’oggetto select all’interno di un <div> così strutturato

<div id="div-id">
 <select name="name">
  <option value="a">a</option>
 </select>
</div>

e la riscrittura dell’intero contenuto del div mediante innerHTML come segue:

document.getElementById('div-id').innerHTML='<select name="name><option value="b">b</option></select>';

via support.microsoft.com

Leave a Reply