добавление нового элемента в option

Самое простое в select сделать onChange и условие проверки на value option и по нему менять класс полей, которые скрыты. Т.е. два класса стилей: в первом случае в них к полям применен display: none; visibility: hidden; а во втором display: block; visibility: visible;

Немного уточню... в seleсt нету скрытых полей, новое поле должен вписать пользователь в появившийся input.

За примером далеко не пойдем - поиск в контакте: option со списком городов, выберите город или впишите свои... и пр выборе Другой.. подсписком появляется input для ввода города.

Кто говорил про скрытый option в select? Читайте внимательней. В Вашем случае скрытый класс у скрытых полей input. Да это не важно, хоть это целая таблица в body, хоть 10 полей input, хоть одна буква. Стили есть стили :)

Не очень силен в JavaScript :) Понял идею.

На примере показать сможете ?

Да пожалуйста, вот рабочий кусок кода с рабочего сайта...

<SCRIPT>
function t_click(inID, outID)
	{
		if (document.getElementById(inID).options[document.getElementById(inID).selectedIndex].value == '0')
			document.getElementById(outID).style.display = 'block';
		else 
			document.getElementById(outID).style.display = 'none';
	}
</SCRIPT>
<SELECT id='Myselect' onchange="t_click('Myselect', 'perimetr');" name='city'>
	<OPTION value='1'>Москва</OPTION>
	<OPTION value='0'>Другой город</OPTION>
</SELECT>
<DIV id='perimetr' style='display:none;'>
<INPUT type='text' name='city2' style='background-color:#ffffaa;'><font size='2' color='#939393'>&nbsp;*<i>укажите город</i></font>
</DIV>

Остальное, думаю, сами допишите :D

Большое спасибо ☝

ну или так :) Хотя со стилями короче :p