option preselezionata con selectedIndex dopo append su menu a discesa

[Nicola4600]

Ciao a tutti

Dopo aver inserito un insieme di option in un menu a discesa, è possiile rendere la prima option preselezionata?

Qui di seguito viene eseguito l'append su change di un tag span e funziona

Quello che non funziona è impostare la prima option su selezionato con selectedIndex

$('.dp_field_container_702 span').on("DOMSubtreeModified", function() {
var colonnemin = $('.dp_field_container_699 span').text();
var colonnemax = $('.dp_field_container_702 span').text();
var option = '';

        for (var i=colonnemin;i<=colonnemax;i++){
        option += '<option value="'+ [i] + '">' + [i] + '</option>';
        }
        $('#dp_num_colonne').empty().append(option);
        $('#dp_num_colonne')[0].selectedIndex = 0;    
        
});

Grazie in anticipo per qualsiasi suggerimento

[Nicola4600]

Ho provato aggiungendo:

                $('#dp_numero_righe').filter(function() {
                return $(this).val() > 0;
                }).prop('selectedIndex');

Per ottenere così:

$('.dp_field_container_702 span').on("DOMSubtreeModified", function() {
var colonnemin = $('.dp_field_container_699 span').text();
var colonnemax = $('.dp_field_container_702 span').text();
var option = '';

        for (var i=colonnemin;i<=colonnemax;i++){
        option += '<option value="'+ [i] + '">' + [i] + '</option>';
        }
        $('#dp_num_colonne').empty().append(option);
        
                $('#dp_num_colonne').filter(function() {
                return $(this).val() > 0;
                }).prop('selectedIndex'); 
        
});

Nessun errore segnalato da chrome o firebug

[ciro78]

ciao,
provato con:

$(".tuaselect").val("tuovalore");

[Nicola4600]

Ciao ciro78 ho sostituito le righe evidenziate in rosso con il codice che mi hai suggerito, provando con val('0'); e con con val('1');. In tutti e due i casi i valori possono essere visti cliccando sullla select ed aprendo così il menu, preselezionata è una riga bianca.

[Nicola4600]

Ho provato a sostituire il codice in rosso con

if($('#dp_num_colonne').('data').length=colonnemin){
($('#dp_num_colonne').val(colonnemin);
}

Tutto insieme:

$('.dp_field_container_702 span').on("DOMSubtreeModified", function() {
var colonnemin = $('.dp_field_container_699 span').text();
var colonnemax = $('.dp_field_container_702 span').text();
var option = '';

        for (var i=colonnemin;i<=colonnemax;i++){
        option += '<option value="'+ [i] + '">' + [i] + '</option>';
        }
        $('#dp_num_colonne').empty().append(option);
if($('#dp_num_colonne').('data').length=colonnemin){
($('#dp_num_colonne').val(colonnemin);
}
});

Risultato: salta l'append e viene risulta selezionato l'option con valore più basso tra i valori originari