如果未选择下拉菜单，则使用 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>

当没有选择DROPDOWNMENU时，使用jquery获取默认值。

我只想默认选中 DROPDOWNMENU 的第一个选项。

所以在更改功能之前，我只想默认选择第一个选项

Answer 1

请试试这个，它将select第一个选项

$(function(){

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

})

Answer 2

我假设您希望在将选项加载到 Ur 下拉控件后选择第一项。这可以通过使用 "option:first-child" 选择器来实现。为了清楚起见，我修改了代码。请检查是否有帮助！！！

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>

Answer 3

如果你想默认选择第一个选项你可以这样做，

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

或者更简单地，

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

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

如果未选择下拉菜单，则使用 jquery 获取默认值

when dropdown is not selected then get default value using jquery

html

javascript

ajax

jquery

bootstrapping