时间戳

首页 > 解决方案 > 将两个不同选择函数中的 ID 传递给 jQuery 中的 1 个 const 函数？

javascript - 将两个不同选择函数中的 ID 传递给 jQuery 中的 1 个 const 函数？

问题描述

我有 2 个不同的选择函数，我将使用它们并从两个不同的选择中获取 id 并将其传递给 1 个主函数。但是我从 select 函数中获取 id 有问题。

如何将 id传递cat_id到role_idgetMyMode(a,b)

$(document).ready(function() {

  $("#cat").change(function() {

    let cat_id = $(this).val();
    getMyMode(cat_id);

  });

  $("#role").change(function() {
    let role_id = $(this).val();
    getMyMode(role_id);
  });

});
const getMyMode = (a, b) => {
  console.log(a, b);
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="col-lg-4">
  <label class="form-label"> Category</label>
  <select class="form-control mb-3" id="cat">
    <option value="99" hidden> Choose Category</option>
    <option value="0">Cat 1</option>
    <option value="1">Cat 2</option>
  </select>
</div>

<div class="col-lg-4">
  <label class="form-label"> Role</label>
  <select class="form-control mb-3" id="role">
    <option value="99" hidden>Choose Role</option>
    <option value="23">Role 1</option>
    <option value="24">Role 2</option>
  </select>
</div>

标签： javascriptjquery

解决方案

像这样

const getMyMode = (a, b) => { console.log(a, b); };

$(function() { // when page has loaded

  $("#cat, #role").on("change", function() { // when either has changed
    let role_id = $("#role").val();
    let cat_id = $("#cat").val();
    getMyMode(cat_id,role_id);
  });

});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="col-lg-4">
  <label class="form-label"> Category</label>
  <select class="form-control mb-3" id="cat">
    <option value="99" hidden> Choose Category</option>
    <option value="0">Cat 1</option>
    <option value="1">Cat 2</option>
  </select>
</div>

<div class="col-lg-4">
  <label class="form-label"> Role</label>
  <select class="form-control mb-3" id="role">
    <option value="99" hidden>Choose Role</option>
    <option value="23">Role 1</option>
    <option value="24">Role 2</option>
  </select>
</div>

推荐阅读