Как с помощью javascript добавить новые элементы option в тег select html формы

HTML форму (form) можно конструировать и добавлять новые элементы в нее динамически используя джаваскрипт.

Например есть форма:

<form>
<p>
<label for="tweets">Pick a tweet:</label>
<select id="tweets">
</select>
</p>
<p>
<input type="button" value="Preview">
</p>
</form>

Задача с помощью js добавить несколько новых элементов option в select.

Код такой:

	var elementSelect = document.getElementById("tweets");
// создаем новый элемент option
	var option = document.createElement ("option");
// добавляем к нему текст и value
	option.text = "red color";
	option.value = "red";
// добавляем новый элемент в форму на сайте
	elementSelect.options.add(option);
//
// добавим еще один option
	var option = document.createElement ("option");
	option.text = "black color";
	option.value = "black";
	elementSelect.options.add(option);
//
// по умолчанию выставим второе значение black
	elementSelect.selectedIndex = 1;