gpt4 book ai didi

jquery - 如何使用 jquery 选择 select2 选择框的选项?

转载 作者:行者123 更新时间:2023-12-01 07:44:42 24 4
gpt4 key购买 nike

我尝试使用 jquery 选择我的选择框的 bird 。但无论我做什么,它仍然是cat:

$(function () {
$(".select2").select2();
$(".select2").val('bird');
$('.select2').find('option[value="bird"]').prop('selected', true);
});
<link href="https://select2.github.io/dist/css/select2.min.css" rel="stylesheet"/>
<link href="https://select2.github.io/css/bootstrap.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://select2.github.io/vendor/js/bootstrap.min.js"></script>
<script src="https://select2.github.io/dist/js/select2.full.js"></script>

<div class="form-group">
<select class=" form-control select2" style="width: 100%;">
<option value="cat">Cat</option>
<option value="dog">Dog</option>
<option value="bird">Bird</option>
</select>
</div>

最佳答案

设置值后需要触发change事件,如下所示:

$(function () {
$(".select2").select2();
$(".select2").val('bird').trigger("change");

});
<link href="https://select2.github.io/dist/css/select2.min.css" rel="stylesheet"/>
<link href="https://select2.github.io/css/bootstrap.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://select2.github.io/vendor/js/bootstrap.min.js"></script>
<script src="https://select2.github.io/dist/js/select2.full.js"></script>

<div class="form-group">
<select class=" form-control select2" style="width: 100%;">
<option value="cat">Cat</option>
<option value="dog">Dog</option>
<option value="bird">Bird</option>
</select>
</div>

关于jquery - 如何使用 jquery 选择 select2 选择框的选项?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40781913/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com