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

原谅我这么晚才发现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值。

  • 1
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
### 回答1: "select" 下拉框的 "onchange" 事件是在用户选择不同的选项时触发的事件。当用户选择下拉框的不同选项时,会调用 "onchange" 事件的 JavaScript 代码。这可以用来做很多有用的事情,如更新页面元素的值或向服务器发送请求。 ### 回答2: select下拉框是一种常见的HTML表单元素,它允许用户从一个预定义的选项列表选择一个值。当用户在下拉框选择一个不同的选项时,会触发onchange事件。 onchange事件是HTML处理用户交互的一种事件,当元素内容发生改变时会触发该事件。在select下拉框,当用户选择一个不同的选项时,会触发onchange事件。通常情况下,我们可以通过JavaScript来为select下拉框添加onchange事件的处理函数,完成相应的逻辑操作。 下面是一个简单的例子,展示如何为select下拉框添加onchange事件: ``` <!DOCTYPE html> <html> <body> <select id="mySelect" onchange="myFunction()"> <option value="0">Option 1</option> <option value="1">Option 2</option> <option value="2">Option 3</option> </select> <p id="demo"></p> <script> function myFunction() { var x = document.getElementById("mySelect").value; document.getElementById("demo").innerHTML = "You selected: " + x; } </script> </body> </html> ``` 在这个例子,我们通过onchange事件为select下拉框绑定了一个名为myFunction的处理函数。当用户改变select下拉框的选项时,就会自动调用myFunction函数。 myFunction函数,我们通过document.getElementById获取select下拉框的值,并将其赋值给变量x。接着,我们使用innerHTML将选定的选项值输出到页面上。 总的来说,select下拉框onchange事件为我们提供了一种响应用户操作的方式,能够完成非常灵活多变的交互效果。 ### 回答3: select下拉框是一个非常常见的HTML表单元素,它允许用户通过点击展开菜单从而选择其的某个选项。而当用户在select下拉框选择了不同的选项时,可以通过onchange事件来触发对应的响应。 onchange事件可以用于<select>元素,它表示当select元素的选项被改变时触发的事件。这个事件通常用于在用户选择下拉菜单的选项后执行一些操作,例如根据选择的选项来修改页面显示内容。 onchange事件可以通过JavaScript代码来实现,具体的代码如下: ```javascript <select onchange="myFunction()"> <option value="option1">Option 1</option> <option value="option2">Option 2</option> <option value="option3">Option 3</option> <option value="option4">Option 4</option> </select> <script> function myFunction() { var selectValue = document.querySelector('select').value; alert(selectValue); } </script> ``` 上述代码onchange事件被绑定到<select>元素,当用户在下拉框选择不同的选项时,就会触发myFunction()函数,该函数使用了document.querySelector()方法获取了当前<select>元素的选的值,然后使用alert()方法弹出选值,用户就可以知道自己选择了哪个选项。 在实际应用onchange事件可以结合AJAX技术来实现动态刷新页面内容,在select下拉框选择不同的选项后,页面内容会被动态更新,提供更好的用户体验。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值