select 控制 php 的 onchange 事件，触发问题

Question

我用了这个 select 来显示计数器

<section class="shipping-calculator-form-shortcode" >
    <p class="form-row form-row-wide"  id="calc_shipping_country_field">
        <label >Shipping options to</label>
        <select onchange="myFunctionShipping(this)" name="calc_shipping_country" id="calc_shipping_country" class="ss-woo-shipping-calculator" rel="ss-woo-shipping-calculator">
            <option value="1"><?php _e( 'Select a country&hellip;', 'woocommerce' ); ?></option>
            <?php
                foreach ( WC()->countries->get_shipping_countries() as $key => $value )
                    echo '<option value="' . esc_attr( $key ) . '"' . selected( WC()->customer->get_shipping_country(), esc_attr( $key ), false ) . '>' . esc_html( $value ) . '</option>';
            ?>
        </select>
    </p>
    <span id="ss-woo-shipping-calculator-loading" style="display:none"><img src='<?php echo plugins_url( '/default.gif', __FILE__ ) ?>' /></span>
    </p>

    <?php wp_nonce_field( 'woocommerce-cart' ); ?>
            <div id="ss-woo-shipping-result">

            </div>
</section>

然后通过 javascript 代码检索它的运输选项

<script type="text/javascript">
var $s = jQuery.noConflict();
function myFunctionShipping(item) {
$s(document).ready(function($) {
$("select").change(function(){
    var ajaxurl = "<?php echo admin_url('admin-ajax.php'); ?>";
    var country = item.value;
    $("#ss-woo-shipping-calculator-loading").show();
    var data = {'action': 'ss_woo_shipping_calculator','country': country};
    $.post("<?php echo get_home_url(); ?>", data, function(response) {
        $("#ss-woo-shipping-calculator-loading").hide();
        response = JSON.parse(response);
        if(response.result == 1){
            $("#ss-woo-shipping-result").html(response.message);


        }else{
            $("#ss-woo-shipping-result").html("");
        }

        return false;
    });
return false;});       
});
}

问题是：- 如果还有任何其他 select 控件更改，它会触发它也只有在改变 selection 两次后触发（页面加载后）

Answer 1

"says" 该操作适用于任何 select $("select").change()。您可以更改为仅对 select 具有所选 ID 的

限制操作

$("#calc_shipping_country").change(function()

或者您可以选择使用 select class 名称。

编辑。

我的错误，我没有弄清楚动作是由函数而不是 select 动作调用的。尝试完全删除 $("select").change(function() 包装并使其看起来像这样

<script type="text/javascript">
var $s = jQuery.noConflict();
function myFunctionShipping(item) {
$s(document).ready(function($) {
    var ajaxurl = "<?php echo admin_url('admin-ajax.php'); ?>";
    var country = item.value;
    $("#ss-woo-shipping-calculator-loading").show();
    var data = {'action': 'ss_woo_shipping_calculator','country': country};
    $.post("<?php echo get_home_url(); ?>", data, function(response) {
        $("#ss-woo-shipping-calculator-loading").hide();
        response = JSON.parse(response);
        if(response.result == 1){
            $("#ss-woo-shipping-result").html(response.message);


        }else{
            $("#ss-woo-shipping-result").html("");
        }

        return false;
    });
return false;     
});
}
</script>

select 控制 php 的 onchange 事件，触发问题

the event of onchange at select control at php, trigger issue

javascript

php

events

event-triggers