Question

我有两个input字段。一个人有一种隐藏的类型（我现在已经把它做成了文本类型）并动态获取它的值。取决于此值，我将显示具有该值的alert，并在另一个input字段后显示一些特定信息。

假设input字段的第一个值为table_rate：38（该值也可以为空）。现在问题开始了。当input字段的值更改为table_rate：23时，应显示alert，并且应在另一个input字段后显示信息。但它不起作用。

这是HTML：

<p class="form-row form-row form-row-wide address-field validate-required validate-postcode form-row-first woocommerce-validated" id="billing_postcode_field" data-o_class="form-row form-row form-row-wide address-field validate-required validate-postcode">
    <label for="billing_postcode" class="">
        Postnummer 
        <abbr class="required" title="påkrevet">*</abbr>
    </label>
    <input type="text" class="input-text " name="billing_postcode" id="billing_postcode" placeholder="Postnummer" value="" autocomplete="off">
</p>

<input type="text" name="shipping_method[0]" data-index="0" id="shipping_method_0" value="table_rate:38" class="shipping_method">

Here你可以看到完整的JSFiddle。

我该如何解决这个问题？

感谢您的帮助！

Answer 1

您需要明确trigger setInterval方法中的更改。

setInterval(function(){
    $('#shipping_method_0').val('table_rate:23');
    $('#shipping_method_0').trigger("change");  // after updating the input, trigger 'change' event
}, 1000);

Updated Fiddle

Answer 2

嘿试试这个Jquery希望它可以帮助你

<script>
$(document).ready(function(){       
$('.shipping_method').on('change', function() {
alert( "your value changed To  "   +  this.value );
})
});
</script>

Answer 3

请在下面找到改变的小提琴，就像我提到的那样

if (zone == 'table_rate:38') {
    $("#billing_postcode").after("<span id='contenttoshow'>Varene vil bli levert til:<br>" +
        "Sped trans, " +
        "Titangaten 11, " +
        "1630 Gamle Fredrikstad<br></span>");
}

https://jsfiddle.net/dLo472bs/13/

当输入字段值改变时启动一个函数--JQuery

3 个答案: