Can'；不要在Django中使用Javascript_Javascript_Python_Html_Django_Static

Can'；不要在Django中使用Javascript

javascript python html django

Can'；不要在Django中使用Javascript,javascript,python,html,django,static,Javascript,Python,Html,Django,Static,我尝试在django中使用java脚本，方法是遵循所有说明，在settings.py文件中进行必要的更改，并在.html文件中使用{%load static%}。CSS可以完美加载，但static/js文件夹中的.js文件不能 {% load static %} <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="{% static 'css/calcu.

我尝试在django中使用java脚本，方法是遵循所有说明，在settings.py文件中进行必要的更改，并在.html文件中使用{%load static%}。CSS可以完美加载，但static/js文件夹中的.js文件不能

{% load static %}
<!DOCTYPE html>
<html>
<head>

<link rel="stylesheet" type="text/css" href="{% static 'css/calcu.css' %}">

</head>

<form id="calci_form" method="get" action="operation">  
<select name="vehicle" id="veh" onChange="hideShow(this.value)"> 
        <option id="ve1" value="none" name="Select" selected="selected"></option>  
        <option id="ve2" value="2">17 </option>
        <option id="ve3" value="3">18 </option>
        <option id="ve4" value="4">19 </option>
        <option id="ve5" value="5">20</option> 
        <option id="ve6" value="6"> 21 </option> 
</select> 

    <select name="power" id="pwr" onchange="showHide()"> 
        <option id="pw1" value="none" name="Select" selected="selected"></option> 
        <option id="pw2" value="A">A</option> 
        <option id="pw3" value="B">B </option> 
        <option id="pw4" value="C"> C</option> 
        <option id="pw5" value="D">D</option>
        <option id="pw6" value="E"> E</option> 
    </select>
<label class="l1">X</label><input type="text" name="num1" class="tb1" value="{{fvalue}}">
<label class="l2">Y</label><input type="text" name="num2" class="tb2" value="{{svalue}}">
<label class="l3">Z</label><input type="text" id="txt" class="tb3" name="user_input" value={{result}}>
 <input type="submit" name="sym" class="btn1" value="Calculate">      
<!-- <input type="submit" name="mul" class="btn2" value="Calculate">  -->
</form>
</html>

<script src="{% static 'js/script.js' %}"> 
</script>

我已将其包含在我的settings.py中，并已运行manage.py collectstatic。什么都没发生。 CSS工作得很好

请帮助转到浏览器的“网络”选项卡，检查在使用Django的开发服务器时要运行的javascript文件的状态代码是什么（或设置

STATIC\u ROOT

），您的控制台中是否有关于js文件的错误？它起作用了。那个警报箱是个问题。但它仍然没有根据第二个列表框的值过滤第一个列表框。我的代码有问题吗？当我把quote放在文本框中时，警报框显示，这意味着它实际上是从文件中读取的。但是，第一个列表框未根据第二个列表框进行筛选。您使用的是

hideShow

，而不是

showHide

。

function showHide(){
    alert(YOO)
    var x = document.getElementById("veh").options.length
    var v = document.getElementById("veh")
    var val = document.getElementById("pwr").value

     if(v.value == "none"){
        return 0
    } 

    for(i = 0; i<x; ++ i){
       v[0].style.visibility = "hidden"
    }
    if(val == "A"){
        document.getElementById("ve1").style.visibility = "visible"
        document.getElementById("ve2").style.visibility = "visible"
        document.getElementById("ve1").value = "Yoooooooooooooooo" 

    }   

}

import os.path


STATIC_URL = '/static/'

STATICFILES_DIRS = [

     os.path.join(BASE_DIR, "static"), 

]


STATIC_ROOT = os.path.join(BASE_DIR, 'styles')