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>';
Leave a Reply