0

この回答jQuery <select> シミュレーションを入力と divで使用して、似たようなドロップダウンを作成しました。ユーザーがリストに表示されたオプションのみを選択できるようにしようとしていますが、フィールドに自分の値を入力することはできません。

入力フィールドに文字を入力すると、リストが非表示のリンクが表示され、このリンクをクリックすると、ユーザーが入力フィールドに入力した値がクリアされ、リストが再びユーザーに表示され、フォーカスが分野。

しかし、このリンクをクリックすると、リストが表示され、すぐにぼやけます。しかし、私はリストを維持したい。これを克服するためにマウスオーバーイベントを使用しましたが、どうやらクリックイベントのみを使用するように言われました。ここにコードがあります --> http://jsbin.com/uxerus/25/edit

これに関する洞察は大歓迎です。ありがとう！！

4

1 に答える 1

0

値が更新された後、入力にフォーカスを戻してみてください ( demo ):

$('#content span').click(function(){
    $('#input').val($(this).html()).focus();
    $('#content').hide();
});

私はこれをテストしていませんが、IE はおそらくキャレットを最初に移動し、他のブラウザーはキャレットを最後に移動します。これを修正するには、キャレット プラグインを使用するか、さらに多くのコードを追加する必要があります。

于 2013-05-13T13:30:29.860 に答える