Javascript 未捕获的TypeError:没有名为“的方法”;获取值";-使用语义ui获取多个选择的值
我想从语义用户界面(下面给出的链接)的多选下拉设计中检索数据。 数据是使用javascript和使用.js文件的ajax动态填充的Javascript 未捕获的TypeError:没有名为“的方法”;获取值";-使用语义ui获取多个选择的值,javascript,html,jquery,django,semantic-ui,Javascript,Html,Jquery,Django,Semantic Ui,我想从语义用户界面(下面给出的链接)的多选下拉设计中检索数据。 数据是使用javascript和使用.js文件的ajax动态填充的 <!-- jquery --> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <!-- semantic UI --> <link rel="stylesheet" href=&qu
<!-- jquery -->
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<!-- semantic UI -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
<script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script>
<form id="compare-form" class="ui form small">
{% csrf_token %}
<div class="d-flex justify-content-center">
<div class="me-2 flex-fill" id="business_units" style="width:320px;">
<input type="hidden" name="business_unit">
<select name="business-unit" multiple="" class="ui loading fluid dropdown buclass" id="business_unit-data-box">
<!-- Dynamically populating options here using JS -->
<option id="business_unit-text" value="">Choose a business unit</option>
</select>
</div>
<br>
<div class="me-3 flex-fill">
<button name="Fetch SPs" type="button" class="btn btn-primary" id="fetchsp" style="width:120px;">
Fetch SPs
</button>
</div>
</div>
</form>
但由于我的选项是动态加载的,因此不起作用,出现以下错误:
dropdown.js:364 Uncaught TypeError: No method named "get value"
at Function.dropdownInterface (dropdown.js:364)
at HTMLSelectElement.<anonymous> (dropdown.js:373)
at Function.each (VM84186 jquery-3.5.1.min.js:2)
at S.fn.init.each (VM84186 jquery-3.5.1.min.js:2)
at S.fn.init.jQueryInterface [as dropdown] (dropdown.js:372)
at HTMLButtonElement.<anonymous> (<anonymous>:3:48)
at HTMLButtonElement.dispatch (VM84186 jquery-3.5.1.min.js:2)
at HTMLButtonElement.v.handle (VM84186 jquery-3.5.1.min.js:2)
dropdown.js:364未捕获类型错误:没有名为“get value”的方法
在Function.dropdown接口(dropdown.js:364)
在htmlselect元素。但在我的工作区中,获取“get value”错误如上所示
更新3:当我使用Django框架时,这是在pycharm环境中发生的。如果我写一个简单的HTML,它在没有任何框架的情况下运行良好
我在html文件中运行了试错法,并观察到当我删除3行以下的内容时,从下拉列表中捕获值是有效的
{% extends "base.html" %}
{% load static %}
{% block content %}
因此,我检查了页脚html,为navbar添加了Bootstrap5JSBundle cdn链接。我删除了引导链接,它成功了
对于所说的错误是值得了解的,新的学习!希望这将对其他人有所帮助,也可能是此类错误的案例。该代码也可以正常工作。您可以检查警报框中没有任何内容。请先从下拉列表中选择一些值,然后重试。您的警报框正在工作。当我把类似的东西放在我的js中时,我的网页再次加载,地址栏中有一些随机链接。当我将addEventListener('click',e=>{}与e.preventDefault()一起放入时,页面不会加载并继续正常运行。但现在我得到了错误“Uncaught TypeError:没有名为“get value”的方法”。你能在演示代码中复制该行为吗?如果看不到实际行为,很难提出任何解决方案。
{% extends "base.html" %}
{% load static %}
{% block content %}