JavaScript: IIF como declaración

Question

Viniendo de VB, JavaScript no es muy fácil de aprender. Por favor, no seas negativo, he intentado y buscado cargas pero sin suerte. Por cierto, estoy creando un control desplegable inicializado desde una lista de opciones Select en JS.

código ficticio:

var col = 'tardis'; 
var x = '<option value="' + col + '">Very roomy</option>'); 

me gustaría añadir selected después de que el valor de la col col sólo si es igual a 'destornillador'.

He intentado utilizar la instrucción IF con? y el: pero parece que no puedo entenderlo. Tener '' como el valor falso no funciona. No se seleccionaron elementos y la lista está en blanco. Elimine la instrucción IF y todo funciona.

Cualquier idea y otra vez, perdón por la newb-ness.

Answer 1

'<option value="' + col + '"'+ (col === "screwdriver" ? " selected " : "") +'>Very roomy</option>'; 

Answer 2

var x = '<option value="' + col + '"' 
if (col == 'screwdriver') x += ' selected'; 
x += '>Very roomy</option>'; 

Answer 3

Algo como esto:

for (/* stuff */) 
{ 
    var x = '<option value="' + col + '" ' 
     + (col === 'screwdriver' ? 'selected' : '') 
     + '>Very roomy</option>'; 
    // snip... 
} 

Answer 4

me escribió esto en mi barra de direcciones:

javascript:{ var col = 'screwdriver'; var x = '<option value="' + col + '"' + ((col == 'screwdriver') ? ' selected' : '') + '>Very roomy</option>'; alert(x); } 

Answer 5

Si su meta final es añadir elementos a su página, simplemente manipular el DOM directamente. No use la concatenación de cadenas para intentar crear HTML, ¡qué dolor! Ver cuánto más sencillo que es simplemente crear su elemento, en lugar del HTML que representa su elemento:

var x = document.createElement("option"); 
x.value = col; 
x.text = "Very roomy"; 
x.selected = col == "screwdriver"; 

Luego, más tarde, cuando se pone el elemento en su página, en lugar de establecer la innerHTML del elemento padre , llame al appendChild():

mySelectElement.appendChild(x);