专栏首页西安-晁州js设置下拉框选中后change事件无效解决

js设置下拉框选中后change事件无效解决

下拉框部分代码:

<select id="bigType">
     <option value="">请选择</option>
     <option value="1">xiamen</option>
     <option value="2">beijing</option>
</select>

<select id="smallType">
     <option value="">请选择</option>
</select>

如果给"bigType"的下拉框添加change事件来动态改变"smallType"下拉框的值的话,代码如下:

jQuery("#bigType").change(function(){
    //do something
});

那么,通过js设置"bigType"某项选中后,如:

jQuery("#bigType option[value="1"]").attr("selected","selected")
//jQuery("#bigType option:contains("xiamen")").attr("selected","selected")

该change事件不会自动触发,解决办法:

自定义change方法,在下拉框中添加onchage事件并传参(当前选中的value值),自定义调用时间:

<select id="bigType" onChange="getVariety(this.options[this.selectedIndex].value)">
     <option value="">请选择</option>
</select>
function getVariety(val){
     //set some options checked
}

至此解决。。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • mongodb基本指令

    MongoDB基本命令用 成功启动MongoDB后,再打开一个命令行窗口输入mongo,就可以进行数据库的一些操作。 输入help可以看到基本操作命令: sho...

    用户1141560
  • mybatis学习之CLOB、BLOB处理及多参数方法映射

    CLOB数据mysql对应数据类型为longtext、BLOB类型为longblob: model实体: ... private Integer id; pri...

    用户1141560
  • mybatis学习之动态sql

    mybatis的动态sql语句很强大,在mapper映射文件中使用简单的标签即可实现该效果,下面一个个记录: 1、select查询 简单的select类似如下:...

    用户1141560
  • Python 操作 MySQL 的正确姿势

    使用Python进行MySQL的库主要有三个,Python-MySQL(更熟悉的名字可能是 MySQLdb),PyMySQL 和 SQLAlchemy 。本文主...

    serena
  • String - 6. ZigZag Conversion

    The string "PAYPALISHIRING" is written in a zigzag pattern on a given number of ...

    用户5705150
  • 腾讯云专家揭秘国内首款无服务器数据库架构

    不久前,腾讯云发布了国内第一款无服务器数据库ServerlessDB,受到众多数据库开发者的关注,关于该数据库的自动扩缩容能力以及背后的设计原理展开了激烈的探讨...

    腾讯云数据库 TencentDB
  • <datalist>标签

    <datalist> 标签表示 <option> 元素列表,通常同 <input> 元素配合使用,用来定义输入值的下拉列表。

    Html5知典
  • Python操作mysql数据库(封装基

    1、安装MySQL-python-1.2.3.win-amd64-py2.7.exe,这是操作mysql数据库的python库,有32位和64位之分,看自机器下...

    py3study
  • 什么underlay网络?

    链接:https://www.zhihu.com/question/40463989/answer/245704130 来源:知乎 著作权归作者所有。商业转载请...

    孙杰
  • AIX挂载NFS写入效率低效解决

    背景: Linux是NFS的Server端,AIX是NFS的Client端(此外,有一个Linux也作为Client端对比测试)。

    Alfred Zhao

扫码关注云+社区

领取腾讯云代金券