To the extent i understand your problem, here is what you can do by jQuery
I needed something similar in a case when i had some fixed Options and i wanted one other option to be editable! In this case i made a hidden input that would overlap the select option and would be editable and used jQuery to make it all work seamlessly.
I am sharing the code:
var initialText = $(‘.editable’).val();
$(‘.editOption’).val(initialText);
$(‘#test’).change(function(){
var selected = $(‘option:selected’, this).attr(‘class’);
var optionText = $(‘.editable’).text();
if(selected == “editable”){
$(‘.editOption’).show();
$(‘.editOption’).keyup(function(){
var editText = $(‘.editOption’).val();
$(‘.editable’).val(editText);
$(‘.editable’).html(editText);
});
}else{
$(‘.editOption’).hide();
}
});