我有一个像这样的选择框
<select class="cars" onChange="carName()"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="mercedes">Mercedes</option> <option value="audi">Audi</option> </select>
如果我正在更改下拉值,则carName函数正在调用并按预期工作.如果假设我像这样使用jQuery更改值
$('.cars').val('Audi');
解决方法
您需要以编程方式进行
.trigger()
事件
Execute all handlers and behaviors attached to the matched elements for the given event type.
此外,值区分大小写,因此请使用正确的值.使用奥迪代替奥迪
码,
$('.cars').val('audi').trigger('change');
此外,因为你正在使用它像jquery绑定事件
$('.cars').on('change',carName); //Or,$('.cars').change(carName);
function carName() { alert('In carName function'); } $(document).ready(function() { $('.cars').val('audi').trigger('change'); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select class="cars" onChange="carName()"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="mercedes">Mercedes</option> <option value="audi">Audi</option> </select>
原文地址:https://www.jb51.cc/jquery/158740.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。