jQuery 如果选择了下拉菜单答案

【问题标题】：jQuery If dropdown is selectedjQuery 如果选择了下拉菜单
【发布时间】：2019-12-04 04:50:56
【问题描述】：

我正在尝试创建一个 jQuery 函数，该函数仅应在 WooCommerce 订单页面的下拉菜单中选择下拉 wc-completed 时运行。基本上，我希望在完成订单之前需要一个字段。

我已经尝试了一些 if 语句，但我不确定如何告诉 jQuery 它应该只在下拉菜单中选择 wc-completed 时运行。我应该改用更改功能吗？

jQuery(document).ready(function($){
  if ($("select#order_status option:selected").val() === "wc-completed" && !$("body").hasClass("post-type-shop_order")) { 
    $("input#wcam-external-link-0").prop('required',true);
  }
});

【问题讨论】：

标签： jquery wordpress woocommerce dropdown selected

【解决方案1】：

您只在页面加载时运行，所以是的，您应该使用更改事件侦听器

jQuery(document).ready(function($) {

  $("select#order_status").change(function() {
      if ($(this).val() === "wc-completed" && !$("body").hasClass("post-type-shop_order")) {
        $("input#wcam-external-link-0").prop('required', true);
      }

    })
    // optional -- trigger change on page load
    .change()

});

【讨论】：