javascript - 在选择元素中设置默认选项并加载数据

Question

在我的 html 模板上，我得到了一个如下所示的选择元素：

<select class ="form-control", id="categories">
            {% for c in categories %}
                <option value = {{c.id_category}}>{{c}}</option>
            {% endfor %}
</select>

用户可以选择其中一个可用类别，并使用 javascript 将该类别的相应数据库条目加载到网站上的表格中。

$(document).ready(function(){
   $("#categories").change(function(e){
...

该脚本仅在使用下拉菜单时才会激活。目前，如果您第一次访问该站点，默认情况下不会显示任何数据。我希望它做的是，默认情况下选择其中一个类别（并不重要）并显示相应的数据。如果我只是将“选定”用于其中一个选项，则表中将没有数据（显然，导致 JS 未注册所选选项的更改）。那么我该怎么做呢？

标签： javascripthtmldjango

Answer 1

您可以trigger在事件处理程序之后链接调用以在页面加载时调用它

$(document).ready(function(){
  $("#categories").change(function(e) {
    ...
  }).trigger('change');
});