jQuery 添加多个 Option 到 Select 元素 - 完整指南

"jQuery 添加多个 Option 到 Select 元素 - 完整指南"\n\n本文介绍如何在 jQuery 中使用 append() 和 appendTo() 方法向 select 元素添加多个 option，并提供示例代码。\n\n使用 append() 方法：\n\njavascript\n$(document).ready(function() {\n var options = ['Option 1', 'Option 2', 'Option 3'];\n \n // 选择 select 元素，并使用循环添加多个 option\n $.each(options, function(index, value) {\n $('#mySelect').append($('<option>', {\n value: value,\n text: value\n }));\n });\n});\n\n\n使用 appendTo() 方法：\n\njavascript\n$(document).ready(function() {\n var options = ['Option 1', 'Option 2', 'Option 3'];\n \n // 创建一个空的 select 元素\n var select = $('<select>');\n \n // 使用循环添加多个 option，并将它们添加到 select 元素中\n $.each(options, function(index, value) {\n $('<option>', {\n value: value,\n text: value\n }).appendTo(select);\n });\n \n // 将 select 元素添加到页面中的某个元素\n select.appendTo('#myContainer');\n});\n\n\n以上示例中，假设有一个 id 为 "mySelect" 的 select 元素。通过循环遍历选项数组，使用 append() 方法或 appendTo() 方法添加多个 option 元素。