Un peu d'aide javascript nécessaire ici (facile)

Question

function addOption(selectbox, val, txt){ 
    ...... 
    } 

    addOption(list, "Cars", "Cars"); 

Je dois ajouter ceci devant le texte de la fonction:

    

Pour qu'il y ait un espace à venir avant le texte de l'option ... Peu importe à quoi ça sert, c'est juste déroutant ... Je ne sais pas comment l'insérer dans le code js.

Si je le fais comme ceci:

addOption(list, "Cars", "   Cars"); 

Alors le     vient dans le texte, de sorte qu'il devient affiché pour les utilisateurs. Cependant, je besoin d'être interprété comme « l'espace » ...

Si vous ne comprenez pas le moi savoir ...

Comment puis-je faire cela? Citations, doubles guillemets, etc?

Merci

MISE À JOUR:

function addOption(selectbox, value, text, cl) 
{ 
    var optn = document.createElement("OPTION"); 
    optn.text = text; 
    optn.value = value; 
    if (cl==1){ optn.className = "nav_option_main"; } 
    selectbox.options.add(optn); 
} 

Answer 1

Afficher le code de la fonction addOption. Quelque chose doit aller mal là-bas, puisque le code HTML suivant fait ce que vous voulez:

<select> 
<option>foo</option> 
<option>&nbsp;bar</option> 
</select> 

Mise à jour: vous configurez la .text au lieu de son innerHTML de option - c'est pourquoi les espaces se sont échappés. Essayez ceci:

function addOption(selectbox, value, html, cl) { 
var optn = document.createElement('option'); 
optn.innerHTML = html; 
optn.value = value; 
if (cl) { 
    optn.className = 'nav_option_main'; 
}; 
selectbox.options.add(optn); 
}; 

En JavaScript, vous pouvez utiliser pour forcer le caractère de chaîne échappe chaîne littérale ( \xNN): \x20. Cela n'aidera pas dans votre cas cependant.

Answer 2

Solution simple? Utiliser

String.fromCharCode(160) // char code 160 is nbsp 

à la place de  . Répéter n fois via:

// n = 3 in this case 
Array(3).join(String.fromCharCode(160)); 

Alors ...

function addOption(selectbox, val, text, indent){ 
    if (typeof indent == "number" && indent > 0) 
    var indentStr = Array(indent).join(String.fromCharCode(160)); 
    else 
    var indentStr = ""; 

    var optn = document.createElement("OPTION"); 
    optn.text = indentStr + txt; 
    optn.value = value; 
    selectbox.options.add(optn);  
} 

addOption(list, "Cars", "Cars", 3); 

Answer 3

Êtes-vous à la liste référenceurs case (select/option)? Vous n'avez pas besoin  , les espaces blancs simples ' ' feront l'affaire.

Answer 4

Utilisation innerHTML au lieu de text pour empêcher l'encodage ...

optn.innerHTML = '   Test';