如何使用 jQuery 向下拉列表添加选项？

给定一个带有下拉列表菜单的 HTML 文档，我们的任务是使用 jQuery 向下拉列表添加更多选项。

方法：使用 append()方法向现有下拉列表添加更多选项：

var options = {
                val1: 'C#',
                val2: 'PHP'
            };
            var selectOption = $('#programmingLanguage');
            $.each(options, function (val, text) {
                selectOption.append(
                    $('').val(val).html(text)
                );
            });

这是一个小代码片段，可用于向现有列表添加选项，此代码片段取自下面的演示，其中val1和val2具有选项名称， programmingLanguage是用于选择选项的 id ，然后使用append()方法将新选项与现有选项列表合并。

可以在此处找到 JQuery 中 append() 方法的详细说明。

下面是用于演示上述方法的代码。

HTML

  

    
    
    
    
    Add an option to the dropdown list using jquery.

  

    GeeksForGeeks
      
Programming Languages :
  
    
        Java
        Python
        CPP
        C
    
      
 Click to add C# and PHP programming languages
  
    Add option
    
    
        function addOption() {
            var options = {
                val1: 'C#',
                val2: 'PHP'
            };
            var selectOption = $('#programmingLanguage');
            $.each(options, function (val, text) {
                selectOption.append(
                    $('<option></option>').val(val).html(text)
                );
            });
        }
    

  

输出：