jQuery中trigger()使用之触发select下拉框（onchange）

最新推荐文章于 2024-04-24 16:36:44 发布

okfine17

最新推荐文章于 2024-04-24 16:36:44 发布

阅读量3.7w

点赞数 1

分类专栏： jQuery

本文链接：https://blog.csdn.net/yCharlee/article/details/52293611

版权

jQuery 专栏收录该内容

2 篇文章

订阅专栏

原谅我这么晚才发现trigger()，具体用法筒子们去看API去。~ o(￣▽￣)ブ，先说需求是啥，实现页面载入的时候自动触发select下拉框，数据是通过jQuery $.ajax 方法获得的。
这里写图片描述
代码如下：

 $(function () {
        // 初始化频道
        $.ajax({
            url: "/channel/first.ajax",
            type: "get",
            async: false,
            dataType: 'json',
            success: function (e) {
                if (e.status.code == 0) {
                    for (var i = 0; i < e.data.length; i++) {
                        $('#typeId').append('<option value="' + e.data[i].id + '">' + e.data[i].name + '</option>');                   
 /* $("<option></option>").val(e.data[i].id).text(e.data[i].name).appendTo($('#typeId'));*/
                    }
          $('#typeId').trigger('change');
          }
            },
            error: function () {
            }
        });
    });

ajax请求写在文档就绪函数里面，
$('#typeId').trigger('change');用于页面载入的时候自动触发select的onchange事件
如果要使得select的option为某一个value的选项被触发的话，可用用这一句$('#typeId').val(saveValue).trigger('change');其中saveValue为value值。