入力にデータリストを割り当てる方法は？

Question

私は、このHTMLがあります。

<input type="text" name="city" autocomplete="off"> 

<datalist id="seek_list"> 
<option value="Value1"> 
<option value="Value2"> 
</datalist> 

と、このJavascriptを：

$('input[name=city]').on('keyup', function() 
{ 
    if (this.value.length > 1) 
    { 
     this.list = 'seek_list'; 
    } 
    else 
    { 
     this.list = ''; 
    } 
}); 

を私はオートコンプリートは、入力フィールドにユーザーが2以上の文字の後に仕事をしたいが、これは動作しません。データリストは割り当てられません。 私もこのアプローチを試みたが、運を持つ：

<input type="text" name="city" autocomplete="off" list="seek_list"> 

<datalist> 
<option value="Value1"> 
<option value="Value2"> 
</datalist> 

$('input[name=city]').on('keyup', function() 
{ 
    if (this.value.length > 1) 
    { 
     $('datalist')[0].id = "seek_list"; 
    } 
    else 
    { 
     $('datalist')[0].id = ""; 
    } 
}); 

働いていた唯一のことは、このHTMLを使用して空のデータリストだった：

<input type="text" name="city" autocomplete="off" list="seek_list"> 

<datalist id="seek_list"> 
</datalist> 

とJavaScriptを使用してデータリストにオプションを追加するが、それはでしたスロー。

Answer 1

あなたが.attr(attributeName, value)と.removeAttr(attributeName)

$('input[name=city]').on('keyup', function() { 
    if (this.value.length > 1) { 
     $(this).attr('list', 'seek_list'); 
    } else { 
     $(this).removeAttr('list') 
    } 
});