问题描述:
在使用select2 v4插件时,发现下拉框的change事件无效。
解决方法:
确保正确引入select2插件的CSS和JS文件。
使用jQuery的on()方法代替change事件。
<!DOCTYPE html>
<link href="select2.min.css" rel="stylesheet" />
<script src="jquery.min.js"></script>
<script src="select2.min.js"></script>
</head>
<select id="mySelect">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
<script>
$(document).ready(function() {
$('#mySelect').select2();
// 使用on()方法绑定change事件
$('#mySelect').on('change', function() {
var selectedValue = $(this).val();
console.log('Selected value: ' + selectedValue);
</script>
</body>
</html>
在上述代码中,首先确保正确引入了select2插件的CSS和JS文件。
然后,在document.ready事件中初始化下拉框,并使用on()方法绑定change事件。在change事件的回调函数中,可以获取选中的值并进行相应的操作。
通过这种方式,可以确保select2 v4下拉框的change事件正常工作。