オートコンプリート機能を備えた入力ボックスを作成する必要があります。したがって、ユーザーが「ja」と入力すると、これらの最初の 2 文字は太字になり、「vascript」は灰色になります。何らかの理由で、jquery のオートコンプリート機能を使用できません。ユーザーが入力できる単語はそれほど多くないため、配列を作成し、各略語に一致する単語を割り当てました。
words= [{abbv:"J", word="JAVA"}, {abbv:"JA", word:"JAVASCRIPT"}]
次に、ユーザーが単語の入力を開始すると、配列内で「略語」に一致する単語を探し、その単語を box 内に表示します。これは問題なく動作します。問題は、ユーザーが入力した最初の文字を強調表示し、残りの単語を灰色のままにしようとしていることです。私がやろうとしていることは、このhttp://jsfiddle.net/wyVJW/894/のように見えますが、スクロールダウンメニューではなく、入力ボックス自体の中に単語を表示したいことを除いて。入力ボックス全体ではなく、入力された文字のみにフォントの太さを設定するにはどうすればよいですか?