當沒有選擇下拉列表，然後使用jQuery

$(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>

當沒有選擇DROPDOWNMENU，然後使用jQuery獲得默認值獲得缺省值。

我只是想默認選擇DROPDOWNMENU的第一個選項。

因此，對改變功能之前，我只想默認選擇第一個選項

來源

2017-02-22 ziel

後，當我的下拉沒有選擇比我想PAASS DROPDOWN的第1個數值爲名字 – ziel

而當它被選中？ – Rajesh

我只是想第一個選項默認選擇 – ziel

如果你想在默認情況下，你可以做這樣的選擇第一個選項，

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

或者更伊斯利通過，

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

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

來源

2017-02-22 06:33:50

謝謝@Arun Cm – ziel

@ziel如果它對你有幫助，你可以通過點擊來接受這個答案答：D。快樂編碼：D –

請試試這個，它會選擇

$(function(){ 

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

})

來源

2017-02-22 06:21:25 Sooraz

我假定你想第一選擇第一項加載後進行選擇選項進入Ur下拉控制。這可以通過使用「選項：第一個孩子」選擇器來實現。爲了清晰起見，我修改了代碼。請檢查是否有幫助！

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>

來源

2017-02-22 06:23:20

謝謝@Shiva k Thogiti – ziel

當沒有選擇下拉列表，然後使用jQuery

回答

相關問題