Jqueryオートコンプリートの値がdjangoのフォームに渡されていません

Question

Jqueryのオートコンプリートから値を取得しているところからformからtextInputを取得しようとしています。しかし、選択された値はフォームに渡されていません。私は何が欠けている。

$(function() { 
 
    var availableTags = ['Software Engineer', 'Project manager']; 
 
    $("#id_j_title").autocomplete({ 
 
    source: availableTags 
 
    }) 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
 
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
 

 
<form id="search-form" method="POST" action="."> 
 
    <p> 
 
    <label for="id_j_title">Enter a keyword for the job title for the new application:</label> 
 
    <input id="id_j_title" maxlength="11" name="j_title" type="text" /> 
 
    </p> 
 
    And Please enter a keyword to search for 
 
    <input type="submit" value="Select" /> 
 
    <button>Back</button> 
 
</form>

Answer 1

MAX_LENGTHは、ここで問題を引き起こしています。 削除するか、タイトルの値に簡単に対応できる数値に値を大きくします。

<form id="search-form" method="POST" action="."> 
    <p> 
<label for="id_j_title">Enter a keyword for the job title for the new application:</label> 
<input id="id_j_title" maxlength="20" name="j_title" type="text" /> 
</p> 
And Please enter a keyword to search for 
<input type="submit" value="Select" /> 
<button>Back</button> 
</form> 

Answer 2

あなたがDjangoのフォームでMAXLENGTH属性を指定した場合はジャンゴでのごMAXLENGTH値（11）は人口フォームデータ未満であると、これが理由かもしれません（図示二つの文字列の1例では）オートコンプリート後にDjangoフォームは、ブラウザからデータを受け取った後にデータを検証します。 django形式でmaxlengthの値を増やしてみてください。長さの制約がある場合、長さに基づいてオートコンプリートオプションを除外するために、以下のURLに従ってください。アミット・ダールによって識別されるよう

https://forum.jquery.com/topic/autocomplete-30-4-2010