javascript - 如何使用更改方法更改 DropDownList 的选定值？

Question

我想知道是否可以让 jQuery 选择具有预定义更改方法的选项。

让我举个例子；我有一个像这样的下拉列表:

<select id="ddl_BankRequestType">
    <option>-- Request Type ---</option>
    <option value="val1">Item1</option>
    <option value="val2">Item2</option>
</select>

如果用户选择Item1或Item2，将会执行一些逻辑:

$('#ddl_BankRequestType').change(function () {
     var selectedItem = $(this).find(":selected").text();
     if (selectedItem === 'Item1') {
         // codes
     } else if (selectedItem === 'Item2') {
         //other codes
     }
});

它就像一个魅力。现在在 document.ready 中，我希望第二个选项被选中，所以我输入了以下代码:

$('#ddl_BankRequestType > option:eq(2)').attr('selected', true);

它也有效，但我希望执行 Item2 的逻辑。我尝试了以下方法，但它们什么也没做:

$('#ddl_BankRequestType > option:eq(2)').attr('selected', true).change();
$('#ddl_BankRequestType > option:eq(2)').attr('selected', true).trigger('change');

Answer 1

您可以查看DEMO中的代码

$(function (){
  $('#ddl_BankRequestType').change(function () {
      var selectedItem = $(this).find(":selected").text();

      console.log(selectedItem)
      if (selectedItem === 'Item1') {
        alert('item1');
      } else if (selectedItem === 'Item2') {
        alert('item2');
      }
  });

  $('#ddl_BankRequestType > option:eq(2)').attr('selected', true).change();        

});