javascript — событие onchange при выборе элемента управления при php, выпуск триггера

Question

javascript — событие onchange при выборе элемента управления при php, выпуск триггера

Я использовал этот выбор, который показывает счетчики

<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
также он запускается только после изменения выбора дважды (после загрузки страницы)

0

event-triggers events javascript php

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Он «говорит», что действие применяется к любому select $ («select»). Change (). Вы можете изменить ограничение действия только для выбора с выбранным идентификатором, как

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

или вы можете использовать выбор имени класса.

РЕДАКТИРОВАТЬ.

Моя ошибка, я не понял, что действие вызывается функцией, а не выбирает действие. Попробуйте полностью удалить оболочку $ («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>

0