Proto.IPS is a nice little widget which can be used for in place selection.

ドロップダウンリストから入力補完できるインプレイスエディタ実装ライブラリ「Proto.IPS」。
テキストをクリックしてそのまま編集できる、というのはよくみますが、ドロップダウンから入力補完できるのははじめて見ました。



Prototype.jsベースで、次のようなコードで簡単に初期化して使えます。

new Proto.IPS(element, {
   options: [
        {text: 'Available', className: 'on'}, 
        {text: 'Free for chat', className: 'on'}, 
        {text: 'Away', className: 'half'}, 
        {text: 'Lunch', className: 'half'}, 
        {text: 'Not available', className: 'off'}, 
        {text: 'Occupied', className: 'off'}
    ]
});

beforeUpdate, afterUpdate などの編集前/後に呼べるイベントハンドラも付与することが可能のようです。