Quería agregar una opción a varios cuadros de selección, pero de alguna manera no puedo hacerlo, a continuación se muestra mi fragmento de código. Por favor ayúdame a resolver este problema.

<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>
-1
Chirag Patel 31 ago. 2014 a las 10:18

2 respuestas

La mejor respuesta

No puedo decir si esta es la funcionalidad exacta que está buscando, pero espero que ayude.

$(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>");
        }
    });

});
0
Richard Foster 31 ago. 2014 a las 06:37
$(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"));
            });
        }
    })
});

DEMO JSFIDDLE

-1
Farshad 31 ago. 2014 a las 06:46