JQuery 选中单选按钮并更改事件

Question

在我的 asp.MVC 应用程序中有两个单选按钮和一个组合框。

有人点击了单选按钮 1，组合框加载了一些数据。如果单击单选按钮 2，则将不同的数据加载到组合框。脚本是使用 ajax.

编写的

当用户单击更改单选按钮时，代码运行正常。但是对于某些用户，我隐藏了单选按钮 2。所以对于他们来说，只有单选按钮 1 是可见的，但是在那种情况下，没有数据加载到组合框中。

还想知道，如果加载视图时勾选了单选按钮，需要将相关数据获取到组合框。

$(function() {

  $('[id*=ddlTopEmployees]').select2().next().hide();
  $('[id*=Approve_Type]').change(function() {
    setDropDownProductsA($(this).val())
  });
});

function setDropDownProductsA(xVal) {
  try {

    $("#ddlEmployees").empty().trigger("change")
    $.ajax({
      url: '../FindProductTypes',
      type: 'POST',
      dataType: 'json',
      cache: false,
      async: false,
      data: {
        AppLvlId: xVal
      },
      success: function(data) {
        if (data.Success == true) {

          $("#ddlEmployees").select2({
            width: '100%',
            data: JSON.parse(data.items)
          });
        }
      }
    });
  } catch (err) {
    console.log(err.message)
  }
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

Answer 1

使用点击而不是更改

$('[id*=Approve_Type]').click(function() {
    setDropDownProductsA($(this).val())
  });

JQuery 选中单选按钮并更改事件

JQuery Radio Button checked and change event

javascript

ajax

jquery

asp.net-ajax