2

input(type='text')HTMLでは、入力ボックスを次のように作成します

<select>
 <option value="volvo">Volvo</option>
 <option value="saab">Saab</option>
 <option value="opel">Opel</option>
 <option value="audi">Audi</option>
</select>

提供されたオプションからのみオプションを許可するテキストボックスをどのように作成しますか（選択タグまたはその他）。アイデアは、ユーザーがドロップダウンから選択するのではなく、入力を入力できるということです。

先行入力を使用できます。しかし、先行入力オプションに制限された入力を制限する方法。JavaScriptを介して？それが唯一の解決策ですか？

4

3 に答える 3

0

オートコンプリートでこれを行うことができます

   var givenoptions = ["Volvo", "Saab", "Opel", "Audi"]
   empty = "";

    $('#selecttext').autocomplete({
autoFocus: true,
source: givenoptions
 }).keyup(function() {
   var isValid = false;
   for (i in givenoptions) {
    if (givenoptions[i].toLowerCase().match(this.value.toLowerCase())) {
        isValid = true;
    }
}
if (!isValid) {
    this.value = empty
} else {
    empty = this.value;
}
});


 <input id="selecttext" />
于 2013-08-27T06:54:09.987 に答える