Значение параметра HTML с косой чертой

Question

У меня проблема с генерацией опций выбора HTML с помощью JavaScript.

Существует несколько способов добавить параметры в select, например:

var cbo_Options = document.getElementById("cbo_Options");
cbo_Options.options[cbo_Options.options.length] = new Option("text", "value", false, false);

с

<select id="cbo_Options"></select>

Этот скрипт будет создан для:

<select>
...
<OPTION value="value">text</OPTION>
...
</select>

Это то, что должно быть, но при работе в Internet Explorer (8 и 9) знак кавычек исчезает. Если содержимое значения начинается с пробела ("") или "<" или ">", тогда идут кавычки. Я не знаю почему, но на Chrome всегда есть кавычки.

Таким образом, проблема возникает , когда «значение» заканчивается косой чертой («/»), тогда фрагмент выше становится:

<select>
...
<OPTION value=value/>text</OPTION>
...
</select>

И тег OPTION закрывается сразу после атрибута value.

Я пытался заменить "/" на "/", но безуспешно.

Что-то не так? Есть ли способ исправить это?

Answer 1

Вы должны использовать следующий код, чтобы добавить опцию к вашему выбору тега

    var cbo_Options = document.getElementById("cbo_Options");
    var newOption = document.createElement("option");
    newOption.value = "val";
    newOption.text = "text";
    cbo_Options.options[cbo_Options.length] = newOption;