JavaScript: IIF-подобное утверждение

Question

Исходя из VB, JavaScript не очень легко освоить.Пожалуйста, не отрицайте, я пробовал и искал грузы, но безуспешно.Кстати, я создаю раскрывающийся элемент управления, инициализированный из списка параметров Select в JS.

Пустой код:

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

Я хотел бы добавить selected после значенияcol ТОЛЬКО если col равно 'отвертке'.

Я пытался использовать оператор IF с?и: но, похоже, не могу обойти это.Наличие '' в качестве ложного значения не работает.Элементы не выбраны, а список пуст.Удалите оператор IF и все работает.

Любые идеи и еще раз, извините за новизну.

Answer 1

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

Answer 2

Примерно так:

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

Answer 3

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

Answer 4

Если ваша конечная цель - добавить элементы на страницу, просто манипулируйте DOM напрямую. Не используйте конкатенацию строк, чтобы попытаться создать HTML - какая боль! Посмотрите, насколько проще просто создать свой элемент вместо HTML, который представляет ваш элемент:

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

Затем, позже, когда вы поместите элемент на страницу, вместо установки innerHTML родительского элемента, вызовите appendChild():

mySelectElement.appendChild(x);

Answer 5

Я набрал это в моей строке URL:

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