我正在尝试创建仅在WooCommerce订单页面上的下拉菜单中选择wc-completed下拉菜单时才运行的jQuery函数。基本上,我希望在完成订单之前需要一个字段。
我尝试了一些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);
}
});
答案 0 :(得分:0)
您所拥有的仅在页面加载时运行,因此,您应该使用更改事件侦听器
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()
});