如何在javascript函数中访问表单元素？

我正在尝试访问javascript函数中的一个元素，以便使用API自动完成用户搜索。
它无法工作，因为JS代码无法访问该元素。 我的javascript代码：

$（函数（）{
$（“#q”）。自动完成({
资料来源：“/api/get_Druges/”，
最小长度：2，
});
});

我的推荐信。

---

我的表格：

---

此处输入目标字段具有id和名称-‘q’

下面的代码工作得很完美。现在，确保从api得到的响应是一个数组

或者做一件事，将API的响应存储在某个变量中，并将该变量分配给密钥源
例如：

source : apiResponseVariable //must be array . 

$（函数（）{
$（“#q”）。自动完成({
来源：[“你好”，“你好”]，
});
});

GnG
什么标签上有id
药品
你能解释一下问题是什么吗？代码是如何失败的？您是否在控制台中收到任何错误消息？这是一个错误，我在问题中编辑了它。您现在已将选择器从“#druges”更改为“#q”。这不能解决问题吗；我没有得到错误，只是它没有被加载（javascript函数不知何故不起作用），因为它无法访问该元素。
<form id = "myForm" method="GET" action="{% url 'search' %}">
    <input style="width:340px;height:37px;" size="30" type="text" id = 'q' name = 'q' placeholder="Search products or categories"/>
    <input type="submit" value="Search" >
</form>

source : apiResponseVariable //must be array .