如何在html中添加选项,jquery如何向select中添加新选项？

jQuery如何向select选项框中添加新选项，即如何向select元素中添加options元素？下面本篇文章就来给大家介绍一下向select元素添加options的方法，希望对大家有所帮助。

可以先使用jquery选择器获取select对象，然后使用append()方法给对象中添加options标签元素。

append()方法可以将指定的内容插入jQuery集合的最后一个子集合。

【相关教程推荐：jQuery教程】

语法：$('#selectBox').append(`${optionText}`)

示例：

如何使用jQuery向select元素中添加options？

使用jQuery向select元素中添加options

从给定选项中选择一个：

Free

Basic

单击下面的按钮，向选择框添加一个选项。

添加option

function addOption() {

optionText = 'Premium';

optionValue = 'premium';

$('#select').append(` ${optionText} `);

}

效果图：

更多web前端开发知识，请查阅 HTML中文网 ！！