jquery添加一个选项到select并选中当前项
实现思路:
创建一个新的
设置该
将新的
选中新添加的
script src="https://code.jquery.com/jquery-3.6.0.min.js">script>
select id="mySelect"
/select
script
$(document).ready(function () {
// 为按钮添加点击事件处理程序
$('#addOptionButton').click(function () {
// 创建新的 option 元素
var newOption = $('');
// 设置 option 的 value 属性
newOption.val('option3');
// 设置 option 的显示文本
newOption.text('Option 3');
// 将新的 option 元素添加到 select 元素中
$('#mySelect').append(newOption);
// 选中新添加的 option 元素
$('#mySelect').val('option3');
});
});
HTML 部分:
创建了一个
创建了一个按钮,用于触发添加和选中新选项的操作。
JavaScript 部分:
使用 $(document).ready() 确保页面加载完成后再执行代码。
为按钮添加了一个点击事件处理程序。
在点击事件处理程序中,使用 $('') 创建一个新的
使用 val() 方法设置
使用 text() 方法设置
使用 append() 方法将新的
使用 val() 方法选中新添加的