jQuery如何向select选项框中添加新选项，即如何向select元素中添加options元素？下面本篇文章就来给大家介绍一下向select元素添加options的方法，希望对大家有所帮助。
可以先使用jquery选择器获取select对象，然后使用append()方法给对象中添加options标签元素。
append()方法可以将指定的内容插入jQuery集合的最后一个子集合。
【相关教程推荐：jQuery教程】
语法：
$('#selectBox').append(`${optionText}`)
示例：
<!DOCTYPE htm<a style="color:transparent">来源gao*daima.com搞@代#码网</a>l>
<html>
<head>
<meta charset="utf-8">
<title>如何使用jQuery向select元素中添加options？</title>
</head>
<body>
<h2 style="color: green"> 使用jQuery向select元素中添加options</h2>
<p>
从给定选项中选择一个：
<select id="select">
<option value="free">Free</option>
<option value="basic">Basic</option>
</select>
</p>
<p>单击下面的按钮，向选择框添加一个选项。</p>
<button onclick="addOption()">添加option</button>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
function addOption() {
optionText = 'Premium';
optionValue = 'premium';
$('#select').append(`<option value="${optionValue}"> ${optionText} </option>`);
}
</script>
</body>
</html>
更多web前端开发知识，请查阅 搞代码网 ！！
以上就是jquery如何向select中添加新选项？的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：jquery如何向select中添加新选项？
转载请注明原文链接：jquery如何向select中添加新选项？
