时间戳

首页 > 解决方案 > 为什么我不能通过 Jquery 与 Django 表单元素交互

javascript - 为什么我不能通过 Jquery 与 Django 表单元素交互

问题描述

我将以下搜索表单呈现为 HTML 模板。

<form id="resource-search-form" action="{% url 'stock:resource_search_view' %}" method="POST">
      {% csrf_token %}
      <input type="text" name="query" id="id_query" maxlength="50">
      <button class="btn btn-success" style='position:relative;top:-10px;left:-72px;'>Search</button>
</form>

问题是每当我尝试通过某种 JavaScript 与元素交互时，该命令基本上都被“忽略”了。为了说明这一点，我在表单下方添加了另一个输入，并尝试以相同的方式与之交互，并且它按预期工作。

<input id="test" type="text" name="test" maxlength="50">

我可以确认这一点，因为我使用以下内容进行了演示：

$(document).ready(function() {
    $('#id_query').val("This doesn't work");
    $('#test').val("This does work");
  });

哇，看哪，带有 id test 的输入在其中包含值“This does work”，而 id_query 是空白的......

有人可以告诉我为什么会发生这种情况，并提供解决问题的方法吗？

标签： javascriptjqueryhtmldjango

解决方案

推荐阅读