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

Posted 2023-03-11

【中文标题】当未选择下拉菜单时，使用 jquery 获取默认值

【英文标题】：when dropdown is not selected then get default value using 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 选择的选项

【参考方案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>