在页面加载时从 jstl c:forEach 调用 jQuery 函数（函数未定义）

我在加入 jstl 和 jquery 时遇到了一些困难。 我有一个 Spring 应用程序，它为我提供了一个列表，例如汽车：[Kia, Audi, Fiat, Mazda, Opel]

我有一个输入字段，如果用户按下它旁边的按钮，它会以花式标签或其他形式添加此文本。 此外，我想在页面加载时以与此标签相同的形式添加所有列表元素。 但如果我尝试我会收到：

未捕获的 ReferenceError：add_tag 未定义（匿名函数）

所以我的代码如下（当然，精简到非常问题）

<script>
    $(document).ready(function() {
        function add_tag(value) {
            console.log("adding tag:" + value);
            //some styling
            $("#add_here").append(value);
        };

        $("#add_tag").click(function() {
            add_tag($("#choosen_tag").val());
        });
    });
</script>

<div>
    <c:forEach items="${cars}" var="c">
        <script>
            add_tag("${c}");
        </script>
    </c:forEach>
</div>

<input id="choosen_tag"></input>
<button type="button" class="btn btn-default" id="add_tag">+</button>
<div id="add_here"></div>

当然包括所有 jquery、jstl 标签等。这里唯一的问题是调用这个函数。尝试使用命名函数，或者在其他变量中声明它，仍然没有成功：/

发布几分钟后，我找到了解决方案。脚本应该使用 jstl，而不是相反。添加

<script> $(document).ready(function() { 
<c:forEach items="${cars}" var="c"> 
    add_tag("${c}"); 
</c:forEach> 
// rest of script adding functions
...

解决了我的问题。