1

2つのテキストボックスが重なり合っています。最初のテキストボックス「TextBox1」は、ユーザー入力によって定義されます。2番目の「TextBox2」はオートコンプリート機能によって入力されます。私の目標は、最初のテキストボックスの背景を、入力されたテキストに対してのみ白にすることです。これにより、結果の「TextBox2」には、返されるアカウント名の残りの部分のみが表示されます。

例：ユーザーが「uttr」と入力すると、「TextBox2」に保存されるオートコンプリートは「UTトレーニング」になります。各単語の最初の文字を大文字にするテキスト変換があるので、変換後（ユーザーが入力すると）「UtTr」。

入力が「TextBox2」にある結果と重複している場合、文字の場合の違いのため、2つは一致しません。これは、他の例では大きな外観上の問題を引き起こす可能性があります。

したがって、入力テキストボックス'TextBox1'のテキストの背景が白である可能性がある場合、ユーザーには入力した内容とオートコンプリートの残りの部分のみが表示されます。

助けてくれてありがとう！これは私の最初の投稿なので、無意識のうちにタブーをしたことをお詫びします。

これがどのように見えるかを示すビデオへのリンクは次のとおりです：http ：//screencast.com/t/ef6dBJyU2X14

4

2 に答える 2

0

次のような方法で、ユーザーが入力した文字数を確認できます。

$('#myInput').on('keydown', function() {
    inputLength = $(this).val().length
});

その後N = inputLength、オートコンプリートの最初の文字の色を白に変更します。おそらく、部分文字列を使用します。

substring(0, inputLength);
于 2012-08-09T17:38:36.933 に答える
0

入力にクラスを追加して、CSSスタイルを適用することができます。

.someclass{
    color:#FFF;
    background-color:#FFF;
    border: solid 1px #000;
}
<input type="text" class="someclass">

これが実際のライブデモです。

于 2012-08-10T13:51:54.650 に答える