Question

我想在下拉菜单的更改上调用一个函数，并且将使用jquery触发change事件。 ................................................... ................................................... ................................................... ................................................... .....

<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script>
        function a(a) {


            alert('Funtion A');
        }

        $(document).ready(function(){
            $('#sel').change(function(){
                a('a')
            })


            $('button').click(function(){
                $('#sel').click()
                $('#sel').val('B');

            })
        });
    </script>
</head>
<body>
    <select id="sel" >
        <option>A</option>
        <option>B</option>
        <option>C</option>
    </select>

    <button type="button">Change</button>

</body>
</html>

Answer 1

如果我对您的理解正确，那么您是否希望设置<select>事件的change和trigger的值？就是这样：

$('#sel').val('B').trigger('change');

或者，如果您希望像当前尝试一样将其保留在两行上：

$('#sel').val('B');
$('#sel').trigger('change');

通常更喜欢前者，并且消耗的资源要少一些，但是如果您个人喜欢在学习时使用两个明确的陈述，那么后者并没有真正的危害。

Answer 2

使用以下方式触发其他元素上的事件

$("#sel").trigger("change");

如何通过触发更改事件来调用与下拉列表相关的函数

2 个答案: