检测select的值发生改变(通过js进行的改变)的事件

通过js动态修改select的选中值，然后需要检测到这个值变化的时候去出发另外一个事件或者是检测到这个发生变化时做一些其他的事情。change只能是鼠标选择发生变化

css html javascript

阅读 10.5k

4 个回答

得票最新

Mood

541

发布于
2017-03-03

✓ 已被采纳

$('select').val('2').change()

dongzhe3917875

1.5k2210

发布于
2017-03-03

如果修改的是值的话，可以使用对象，用defineProperty的set函数去监测值的修改
给你一个demo

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <select>
        <option value='1'>1</option>
        <option value='2'>2</option>
        <option value='3'>3</option>
        <option value='4'>4</option>
    </select>
</body>
<script>
    var select = {
        val: '1'
    }
    Object.defineProperty(select, 'val', {
        set: function(value) {
            document.querySelector('select').value = value
            console.log('select的值已经修改，下面要做一些事情')
        }
    })
    
    select.val = '3'
</script>
</html>