jQuery Çözümü!
Demo: http://jsfiddle.net/69wP6/2/
Aşağıda başka Demo i bazı sabit Seçenek vardı ve ben düzenlenebilir olmasını bir başka seçenek istediğinde bir durumda benzer bir şey gerekli
(güncellendi!)! Bu durumda, seçim seçeneğini üst üste bindirecek gizli bir giriş yaptım ve düzenlenebilir olacak ve jQuery'yi sorunsuz bir şekilde çalıştıracak şekilde kullanacağım.
Keman'ı hepinizle paylaşıyorum!
HTML
<div id="billdesc">
<select id="test">
<option class="non" value="option1">Option1</option>
<option class="non" value="option2">Option2</option>
<option class="editable" value="other">Other</option>
</select>
<input class="editOption" style="display:none;"></input>
</div>
CSS
body{
background: blue;
}
#billdesc{
padding-top: 50px;
}
#test{
width: 100%;
height: 30px;
}
option {
height: 30px;
line-height: 30px;
}
.editOption{
width: 90%;
height: 24px;
position: relative;
top: -30px
}
jQuery
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();
}
});
Düzenleme: insanlar girdi bittiği yerde net bir şekilde görebilir, böylece Eklendi bazı basit dokunuşlar, akıllı tasarım!
JS Fiddle: http://jsfiddle.net/69wP6/4/
dinamik seçme ama sonra bu bilgileri kullanarak gerçek bir ağrı olacak bir seçenek eklemek için javascript kullanabilirsiniz. – David
Küçük bir komut dosyası ile yapabilirsiniz! Aşağıda cevapladım! –