Question

＆＃13;

$(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);
      }


  });

＆＃13;

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

＆＃13;

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

我只想在默认情况下选择DROPDOWNMENU的第一个选项。

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

Answer 1

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

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

或者更容易，

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

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

之后

Answer 2

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

＆＃13;

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);
    }

  });
}

＆＃13;

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

＆＃13;

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

2 个答案: