wenn Dropdown dann nicht jquery mit Standardwert erhalten ausgewählt

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>

wenn DropDownMenu nicht ausgewählt ist, dann bekommen Standardwert mit Jquery.

Ich möchte nur die erste Option von DROPDOWNMENU standardmäßig ausgewählt werden.

Also, bevor auf Änderungsfunktion, ich möchte nur erste Option standardmäßig ausgewählt

Answer 1

Wenn Sie die erste Option soll standardmäßig ausgewählt werden Sie so tun können,

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

oder mehr easly durch,

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

Nach for (var i = 0; i < tempArray.length; i++) { .... }

Answer 2

bitte diese versuchen, wählt es die erste Option

$(function(){ 

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

}) 

Answer 3

Ich nehme an, Sie erste Punkt wollen nach dem Laden zu wählenden Optionen in Ur Dropdown-Steuerelement. Dies kann erreicht werden, indem man den "option: first-child" Selektor benutzt. Ich habe den Code für Klarheit geändert. Bitte überprüfen Sie, ob das hilft !!!

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>