当未选择下拉菜单时，使用 jquery 获取默认值答案

【问题标题】：when dropdown is not selected then get default value using jquery当未选择下拉菜单时，使用 jquery 获取默认值
【发布时间】：2017-07-12 01:06:34
【问题描述】：

$(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 的第一个选项。

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

【问题讨论】：

当我的下拉菜单未被选中时，我想将下拉菜单的第一个值传递到名称中
什么时候被选中？
我只想默认选择第一个选项
让我澄清一下，您是要更新 name 属性还是只希望默认选择第一个值
只是默认@Rajesh 选择的选项

标签： javascript jquery ajax html bootstrapping

【解决方案1】：

如果您希望默认选择第一个选项，您可以这样做，

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

或者更容易，

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

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

【讨论】：

【解决方案2】：

请试试这个，它会选择第一个选项

$(function(){

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

})

【讨论】：

【解决方案3】：

我假设您希望在将选项加载到 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>

【讨论】：