United States

Change

All Microsoft Sites

Help and Support

ID do artigo: 276228 - Última revisão: segunda-feira, 12 de maio de 2003 - Revisão: 2.0

Erro: Falha do Internet Explorer definir a propriedade do objeto selecionar innerHTML

Exibir Aviso de Isenção de Tradução Automática

Aviso de Isenção de Responsabilidade sobre Conteúdo do KB Aposentado

Exibir os produtos aos quais esse artigo se aplica.

Sintomas

Quando você definir a propriedade innerHTML do objeto selecionar , as alterações terão efeito corretamente.

Voltar para o início

Se você precisar usar innerHTML , uma solução alternativa é usar um objeto div para quebrar o elemento SELECT e, em seguida, definir a propriedade innerHTML do objeto div . Por exemplo:

<html>
<head>
<title>My Example</title>
<script language="Javascript">
var origDivHTML;

function init()
{
   origDivHTML = myDiv.innerHTML;
}

function setValues() 
{
   var oldinnerHTML = "your original innerHTML: " + yourDiv.innerHTML ; 	
   alert(oldinnerHTML);
   yourDiv.innerHTML = origDivHTML;
	 
   var curinnerHTML = "your current innerHTML: " + yourDiv.innerHTML ; 
   alert(curinnerHTML); 
}
</script>
</head>

<body onload="init()">

<div id="myDiv">
  <select name="firstSelect" size="1" >
    <option>11111</option>
    <option>22222</option>
    <option>33333</option>
  </select>
</div>

<div id="yourDiv">
  <select name="secondSelect" size="1" >
    <option>aaaa</option>
    <option>bbbb</option>
    <option>cccc</option>
  </select>
</div>
<button onclick = "setValues();">click me to set the values</button>
</body>
</html>

O ideal é que você deve usar a coleção opções para adicionar as opções de um elemento SELECT. O código a seguir mostra três maneiras de programaticamente adicionar opções ao elemento SELECT:

<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>

<script>

function fill_select1() {

	for(var i=0; i < 100; i++) {
			select1.options[i] = new Option(i,i);
		}
}

function fill_select2() {

		var sOpts = "<SELECT>";
		for (var i=0;i<100;i++)
		{
			sOpts += '<OPTION VALUE="' + i + '">' + i + '</OPTION>\n';
		}
	
		select2.outerHTML = sOpts  + "</SELECT>";
}

function fill_select3() {

	for(var i=0; i < 100; i++) {
		   var oOption = document.createElement("OPTION");
		   oOption.text="Option:  " + i;
		   oOption.value=i;
		   document.all.select3.add(oOption)
		}
}



</script>

<H2>SELECT Box Population</H2>

<SELECT id=select1 name=select1></SELECT>
<INPUT type="button" value="Populate with options list" id=button1 
name=button1 onclick="fill_select1();"><BR><BR>
<SELECT id=select2 name=select2></SELECT> 
<INPUT type="button" value="Populate with outerHTML" id=button2 
name=button2 onclick="fill_select2();"><BR><BR>
<SELECT id=select3 name=select3></SELECT>
<INPUT type="button" value="Populate with using createElement" id=button3 
name=button3 onclick="fill_select3();">

</BODY>
</HTML>

Voltar para o início

Situação

Microsoft confirmou a que este é um problema nos produtos Microsoft que estão listados no começo deste artigo.

Voltar para o início

Mais Informações

Etapas para reproduzir o comportamento

O código de exemplo a seguir ilustra esse bug:

<html>
<head>
<script language="JavaScript">  
function test()
{
    var objSelect = document.all.idSelect;
    var strOrigHTML     = objSelect.innerHTML;
    objSelect.innerHTML = strOrigHTML;
    var strNewHTML      = objSelect.innerHTML;

    if (strNewHTML == strOrigHTML)
        alert("Test passed.");
    else
        alert("Test failed: innerHTML = " + strNewHTML );
}
</script>
</head>
<body>
  <select id="idSelect">
    <option value="line1">Option 1</option>
    <option value="line2">Option 2</option>
  </select>
  <input type="button" value="test" onClick="test()" />
</body>
</html>

Voltar para o início

Referências

Para obter mais informações sobre o objeto selecionar , consulte o seguinte artigo no Microsoft Developer Network (MSDN):

http://msdn.microsoft.com/workshop/author/dhtml/reference/objects/select.asp (http://msdn.microsoft.com/workshop/author/dhtml/reference/objects/select.asp)

Para obter mais informações sobre a coleção de opções , consulte o seguinte artigo no MSDN:

http://msdn.microsoft.com/workshop/author/dhtml/reference/collections/options.asp (http://msdn.microsoft.com/workshop/author/dhtml/reference/collections/options.asp)

Voltar para o início

A informação contida neste artigo aplica-se a:

Microsoft Internet Explorer 5.0
Microsoft Internet Explorer 5.01
Microsoft Internet Explorer (Programming) 5.01 SP1
Microsoft Internet Explorer 5.5

Voltar para o início

kbmt kbbug kbdhtml kbnofix KB276228 KbMtpt

Voltar para o início

Tradução automática

IMPORTANTE: Este artigo foi traduzido por um sistema de tradução automática (também designado por Machine Translation ou MT), não tendo sido portanto traduzido ou revisto por pessoas. A Microsoft possui artigos traduzidos por aplicações (MT) e artigos traduzidos por tradutores profissionais, com o objetivo de oferecer em português a totalidade dos artigos existentes na base de dados de suporte. No entanto, a tradução automática não é sempre perfeita, podendo conter erros de vocabulário, sintaxe ou gramática. A Microsoft não é responsável por incoerências, erros ou prejuízos ocorridos em decorrência da utilização dos artigos MT por parte dos nossos clientes. A Microsoft realiza atualizações freqüentes ao software de tradução automática (MT). Caso venha a encontrar erros neste artigo e queira colaborar no processo de aperfeiçoamento desta ferramenta, por favor preencha o formulário existente na parte inferior desta página. Obrigado.

Clique aqui para ver a versão em Inglês deste artigo: 276228 (http://support.microsoft.com/kb/276228/en-us/ )

Voltar para o início

Aviso de Isenção de Responsabilidade sobre Conteúdo do KB Aposentado

Este artigo trata de produtos para os quais a Microsoft não mais oferece suporte. Por esta razão, este artigo é oferecido "como está" e não será mais atualizado.

Voltar para o início