Jquery自动完成值未传递给django表单

时间:2016-04-29 22:26:04

标签: javascript jquery django

我正在尝试从Form中获取textInput,其中我从Jquery Autocomplete中提取值。但是所选的值没有传递给表单。我错过了什么

$(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>

2 个答案:

答案 0 :(得分:0)

如果您在django表单中指定了maxlength属性,那么这可能是因为django中的maxlength值(11)小于自动完成后填充的表单数据(示例中显示的两个字符串之一)。 Django表单在从浏览器接收数据后验证数据。尝试以django形式增加maxlength值。如果您有长度限制,请按照以下网址过滤掉基于长度的自动填充选项。

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

答案 1 :(得分:0)

max_length正在引起问题,正如Amit Dhar所指出的那样。 删除它,或将其值增加到一个可以轻松容纳标题值的数字。

      

<object-stream xmlns:manhattan="http://....something">