当没有选择下拉列表，然后使用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

回答

相关问题