Comment effacer correctement et ajouter des options pour travailler avec Internet Explorer?

Question

Salut à tous, récemment je suis tombé sur un problème. Je ne suis pas en mesure d'ajouter des options à une zone de sélection avec le code ci-dessous ni les effacer dans IE. Y a-t-il un problème avec le code ci-dessous? Je n'ai vraiment aucune idée de pourquoi cela ne fonctionne pas dans Internet Explorer.

Merci

Answer 1

n'a jamais écrit dans ma vie dojo, mais voici une tentative. Avec quelques conseils

blockSelect.innerHTML = '<option></option>'; 
console.log(data); 
for (var i in data.DATA) { 
    var item = data.DATA[i]; 
    dojo.create('option', 
     { 
      value: item[0], 
      label: item[0], // do you mean to set the innerHTML? 
      innerHTML: item[0] 
     }, 
     blockSelect); 
} 

Answer 2

Je ne suis pas sûr de savoir comment répondre à votre question en utilisant Dojo, mais je soupçonne que votre problème peut avoir à faire avec un problème de longue date dans IE en utilisant innerHTML et la balise option. Je pense que la solution consiste à ajouter les éléments de l'option au parent au lieu d'essayer de définir le innerHTML.

Answer 3

Utilisez la propriété options de la liste de sélection. Vous pouvez l'effacer en définissant la propriété length à 0, et vous pouvez ajouter une nouvelle option en attribuant un nouvel objet Option comme le dernier élément de la collection options:

var opts = blockSelect.options; 
opts.length = 0; 
for (var i in data.DATA) { 
    console.log(data); 
    opts[opts.length] = new Option(data.DATA[i][0], data.DATA[i][0]); 
} 

Cela fonctionne dans tous les principaux navigateurs.

Answer 4

Pour toute personne qui obtient ce même problème ici est quel était le problème: Internet Explorer je devais utiliser streetSelect.options [streetSelect.selectedIndex] .value pour mes valeurs de contenu au lieu de streetSelect.value. Pour une raison quelconque, Internet Explorer ne lit pas cela.