HTML Lista rozwijana - dodatkowa pozycja

Czy da się tak zrobić listę rozwijaną w HTML żeby oprócz możliwości wyboru pozycji z listy użytkownik mógł dopisać swoją, inną od tych z listy?

Coś takiego: https://jsfiddle.net/7r4tqbsu/ ?

Dziękuję o coś takiego mi chodziło.

Tam jest funkcja:

<script> $(document).ready(function(){ $(".editableBox").change(function(){ $(".TextBox").val($(".editableBox option:selected").html()); }); }); </script>

I jeśli na stronie mam tylko jedne editableBox/TextBox to wszystko działa poprawnie.
Jak zmodyfikować tę funkcję żeby editableBox modyfikował odpowiedniego (sparowanego) TextBox'a?

Najprościej będzie im pozmieniać klasy albo trikowo:
https://jsfiddle.net/7r4tqbsu/2/

Czyli dla każdego z nich zrobić oddzielne klasy i oddzielne funkcje?

Przepraszam, nie doczytałem. Trickowo wygląda obiecująco...

sprawdzę. dziękuję

Działa, dzięki.