ТЗ
сделать выпадающий список (вместо ячейки Страна) «Выберите страну», в котором можно будет выбрать: одру из трех позиций (Украина, Россия, Другие страны), При нажатии Другие страны – поле очищается и человек просто вводит текст.  

я так понимаю нужно написать функцию при вызове которой тег <select> и все его содержимое будет удалятся и на место него будет вписываться тег <input> ?   
javascript учил очень давно по этому уже мало что помню, подскажите как реализовать выше сказанное.

зарание благодарен за ответ. 

помещаешь тег select в div
то есть:

у селекта на онченж пишеш функцию
в функции
Ищешь див по id
заменяешь innerHTML этого дива на '<input type="text" value="введите страну">'

Всё.

зачем удалять, добавляешь на стринацу скрытый <input ... style="display:none">. при выборе onchange из селекта cкрываешь его и показываешь инпут.

вот что написал, не работает, в чем проблема может быть?

кавычки забыли:

благодарю за помошь.
но возникла новая проблема, в chrome данный код не работает, то есть при выборе "другие страны" вообше ничего не происходит, как это исправить? 

select всё-таки не кликабельная штука. основной его обработчик: <select onchange="func()">, а не на оптионс вешать