[Fixed]-Using Django rendered lists in Javascript on the rendered html page

1👍

✅

Fix your script like the following, this should work for you:

<script>
function func() {
    var e = document.getElementById("sel");
    var str = e.options[e.selectedIndex].value;
    "{% for each in words %}"
        var a = "{{ each.word }}";
        if(str === a) {
            console.log("{{ each.word }}")
        }
    "{% endfor %}"
}
</script>

0👍

Try something like this:

<script>
    var words = [
    {% for word in words %}
        "{{ word }}",
    {% endfor %}
    ];

    function func() {
        var e = document.getElementById("sel");
        var str = e.options[e.selectedIndex].value;
        for (var word = 0; word < words.length; word++) {
            if (words[word] === str) {
                console.log(words[word]);
            }
        }
    }
</script>

Leave a comment