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

时间:2013-09-18 11:38:35

标签: jquery html

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

        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>')           
        }  

2 个答案:

答案 0 :(得分:2)

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

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>')     

演示:Fiddle

答案 1 :(得分:0)

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>');           
        }  

谢谢和问候,