jquery - 用一个函数/jQuery填充两个选择列表

Question

如果我有两个选择列表，我可以用相同的功能填充它们吗？像这样的东西。这似乎不起作用。

        function populateSel(){
         jQuery("#selectListOne, #selectListTwo")
          .append('<option value=""></option>')
          .append('<option value="Mr."></option>')
          .append('<option value="Ms."></option>')  
          .append('<option value="Mrs."></option>') 
          .append('<option value="Dr."></option>')  
          .append('<option value="Prof."></option>')           
        }  

Answer 1

您没有为选项指定显示标签，除了它看起来不错

jQuery("#selectListOne, #selectListTwo")
.append('<option value=""></option>')
.append('<option value="Mr.">Mr.</option>')
.append('<option value="Ms.">Ms.</option>')  
.append('<option value="Mrs.">Mrs.</option>') 
.append('<option value="Dr.">Dr.</option>')  
.append('<option value="Prof.">Prof.</option>')     

演示：小提琴

Answer 2

function populateSel(){
         jQuery("#selectListOne, #selectListTwo")
          .append('<option value=""></option><option value="Mr."></option><option value="Ms."></option><option value="Mrs."></option><option value="Dr."></option><option value="Prof."></option>');           
        }  

感谢和regrads，