Элементы, добавленные с помощью метода appendChild в выпадающем списке, не отображаются в IE8

Первоначально я думал, что это проблема с CSS, но я создал небольшую пробную версию, чтобы воспроизвести проблему. Значения: Значение1, 2 и 3 не отображаются, если вы используете IE8:Элементы, добавленные с помощью метода appendChild в выпадающем списке, не отображаются в IE8

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
    <html xmlns="http://www.w3.org/1999/xhtml" > 
    <head> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> 

    <script type="text/javascript"> 
     $(document).ready(function() { 
      alert("Thanks for visiting!"); 
      var gridCommandBox = $('#GridCommands')[0]; 

      if (gridCommandBox.options.length == 0) { 

       gridCommandBox.options.add(new Option("<Select Command>", "")); 
       var clipGroup = document.createElement("optgroup"); 
       clipGroup.label = "Copy To Clipboard..."; 
       clipGroup.appendChild(new Option("Value1", "Value1")); 
       clipGroup.appendChild(new Option("Value2", "Value2")); 
       clipGroup.appendChild(new Option("Value3", "Value3")); 
       gridCommandBox.appendChild(clipGroup); 
      } 
     }); 
    </script> 
</head> 
<body> 

<table> 
<tr><td><select id="GridCommands"></select></td></tr> 
</table> 

</body> 
</html>

Есть идеи? Thanks Max

источник

2012-06-14 Max

Объект Option - это объект HTML DOM, связанный с тегом в HTML. Вы создаете экземпляр объекта Option напрямую и пытаетесь добавить этот объект JavaScript к другому элементу DOM.

Хотя это может работать для некоторых браузеров, вы должны использовать document.createElement('option') для создания параметров. Если вы используете новый подход Option, вам также может потребоваться добавить history.go(0), чтобы заставить браузер обновить параметры выбора.

источник

2012-06-14 21:58:05

Ваше предложение указало меня в правильном направлении. – Max

вот хорошая ссылка, которую я использовал: http://blog.gridworlds.com/js/how-to-create-optgroups-in-javascript Спасибо! – Max

Элементы, добавленные с помощью метода appendChild в выпадающем списке, не отображаются в IE8

ответ

Смежные вопросы