javascript - 使用 javascript 自动选择下拉列表并运行 jquery

Question

在 html 页面中，当我们从第一个 jquery 工作中获取一些内容并显示下一个下拉列表的更多选项时，我们有 2 个 dropdon 列表，这是一个 html 代码:

            <select name="cat_level1" id="cat_level1" size="1" class="form-control input-inline">
                <option value="0">1</option>
                <option value="8">2</option>
                <option value="6">3</option>    
            </select>
            <select name="cat_level2" id="cat_level2" size="1" class="form-control input-inline">
                <option value="0">-</option>
            </select>

            <script>
            $("#cat_level2").chained("#cat_level1");
            </script>

现在我尝试使用 JavaScript 从我的 win 应用程序中以编程方式选择下拉列表选项，我使用此代码进行选择:

        var len = element.options.length;
        for (int i = 0; i < len; i++)
        {
            if (element.options[i].value == selected_val)
            {
                element.options[i].selected = true;
                break; ;
            }
        }

这是可行的，但是使用该代码 jquery 不起作用，我们在第二个 dropdownlist 中没有得到任何选项。如何选择选择后运行该 jquery 的选项？

Answer 1

当通过代码选择选项时，不会触发事件，这可能是第二个选择未更新的原因。

使用 var 会在 int 上出现错误。通过代码以及使用 element.dispatchEvent 触发更改事件。

var len = element.options.length;
for (var i = 0; i < len; i++)
{
     if (element.options[i].value == selected_val)
     {
         element.options[i].selected = true;
         var event = new Event('change');
         element.dispatchEvent(event);
         break; ;
     }
}

您还需要从更改事件处理程序调用链式函数。

$("#cat_level1").on("change", function(){
   $("#cat_level2").chained("#cat_level1");
});