lorsque la liste déroulante n'est pas sélectionnée, obtenir la valeur par défaut en utilisant jquery

Question

$(document).ready(function() { 
 

 
    $('#dropdown select').on('change', function() { 
 
    name = $('#dropdown select :selected').val(); 
 
    customerdetails(name); 
 
    }); 
 

 
    
 

 

 
    
 

 

 
     //    $("#dropdown option").prop('selected', false).filter(function() { 
 
     //     return $(this).text() == 'hello'; 
 
     //    }).prop('selected', true); 
 
     //     $('<option/>').html(tempArray[0]).attr('selected', false); 
 
     //$('#dropdown select').attr('selected', false); 
 
     } 
 

 

 
    }); 
 

<div id='dropdown' class="col-lg-3"> 
 
    <select class="form-control" id="Select1" name="dropdown"> 
 
            </select> 
 
</div>

lorsque DropDownMenu n'est pas sélectionnée, puis obtenir la valeur par défaut en utilisant jquery.

Je veux juste que la première option de DROPDOWNMENU soit sélectionnée par défaut.

Alors avant la fonction de changement, je veux juste 1ère option sélectionnée par défaut

Answer 1

Si vous voulez que la première option soit sélectionnée par défaut, vous pouvez le faire comme,

$('#Select1').val($("#Select1 option:first").val()); 

Ou plus easly par,

$("#Select1")[0].selectedIndex = 0; 

Après for (var i = 0; i < tempArray.length; i++) { .... }

Answer 2

s'il vous plaît essayer, il choisira la première option

$(function(){ 

$('#dropdown select option:eq(0)').prop('selected', true); 

}) 

Answer 3

Je suppose que vous voulez premier élément à être sélectionné après le chargement options dans le contrôle déroulant Ur. Ceci peut être réalisé en utilisant le sélecteur "option: first-child". J'ai modifié le code pour plus de clarté. S'il vous plaît vérifier si cela aide !!!

var arr = []; 
 

 
var tempArray = []; 
 
$(document).ready(function() { 
 

 
    $('#dropdown select').on('change', function() { 
 
    name = $('#dropdown select :selected').val(); 
 
    customerdetails(name); 
 
    }); 
 

 
    namedetails(); 
 
}); 
 

 
function amcdetails() { 
 

 
    $.ajax({ 
 
    async: true, 
 
    type: "POST", 
 
    url: "default.aspx/fetchname", 
 
    data: '{}', 
 
    contentType: "application/json;charset=utf-8", 
 
    dataType: "json", 
 
    success: function(data) { 
 
     var objdata = $.parseJSON(data.d); 
 
     var i = 0; 
 
     arr = []; 
 
     arr = $.map(objdata.data, function(e, i) { 
 
     var tmp = { 
 
      0: e.NAME 
 
     } 
 

 
     return tmp; 
 
     }); 
 

 

 
     for (var i = 0; i < arr.length; i++) { 
 

 
     tempArray.push(arr[i][0]); 
 

 
     } 
 
     for (var i = 0; i < tempArray.length; i++) { 
 
     $('<option/>', { 
 
      value: tempArray[i], 
 
      html: tempArray[i] 
 
     }).appendTo('#dropdown select'); 
 

 
     $('#dropdown select option:first-child').attr("selected", "selected"); 
 

 
     //    $("#dropdown option").prop('selected', false).filter(function() { 
 
     //     return $(this).text() == 'hello'; 
 
     //    }).prop('selected', true); 
 
     //     $('<option/>').html(tempArray[0]).attr('selected', false); 
 
     //$('#dropdown select').attr('selected', false); 
 
     } 
 

 
    }, 
 

 
    error: function(result) { 
 
     alert(result.responseText); 
 
    } 
 

 
    }); 
 
}

<div id='dropdown' class="col-lg-3"> 
 
    <select class="form-control" id="Select1" name="dropdown"> 
 
            </select> 
 
</div>