append option to multiple select boxes

Question

Я хотел добавить опцию в несколько полей выбора, но некоторые из них, как я не могу это сделать, ниже - это мой фрагмент кода. пожалуйста, помогите мне решить эту проблему.

<select name="selBx-1" id="selBx-1" class="sel-opt"> 
    <option value="general">General</option> 
    <option value="special">Special</option> 
    <option value="addnew">Add New</option> 
</select> 

<select name="selBx-2" id="selBx-2" class="sel-opt"> 
    <option value="general">General</option> 
    <option value="special">Special</option> 
    <option value="addnew">Add New</option> 
</select> 

<script type="text/javascript"> 
$(document).ready(function(e) { 
    $(document).on("change",".sel-opt",function(){ 
     var selVal = $(this).val(); 
     if(selVal == 'addnew') 
     { 
      $(".sel-opt option:last").before("<option value='newoption'>New Option</option>"); 
     } 
    }) 
}); 
</script> 

Answer 1

Я не могу сказать, если это точная функциональность, которую вы ищете, но надеюсь, что это поможет.

$(document).ready(function(e) { 

    $(".sel-opt").on("change", function(){ 
     if($(this).val() === "addnew"){ 
      $(".sel-opt").find("option:last").before("<option value='newoption'>New Option</option>"); 
     } 
    }); 

}); 

Answer 2

$(document).ready(function(e) { 
    $('select').change(function(){ 
     var selVal = $(this).val(); 
     if(selVal == 'addnew') 
     { 
      $(".sel-opt").each(function() { 
       $(this).children('option').filter(':last').before(new Option("New Option", "newoption")); 
      }); 
     } 
    }) 
}); 

JSFIDDLE DEMO