jQuery变量不会在更新时更改

aca 发表于 Dev

这里

这是我的问题的简化。我想仅在选择元素的值为IT时，才在输入字段后添加一些文本（更新同一字段时）。

那是领域：

<select id="billing_country">
    <option value="FR">FR</option>
    <option value="IT">IT</option>
</select>

<input type="text" id="woocommerce_cf_piva">

这是脚本：

jQuery(document).ready(function () {

var $country_select = jQuery('#billing_country');

// When country change
$country_select.change(function () {

    var $country = jQuery('#billing_country option:selected');

    $country.each(function() {

        FieldCheck(jQuery(this).val());
    })
});

function FieldCheck($country) {

    var $element = jQuery('#woocommerce_cf_piva');

    if ($country == 'IT') {

        $element.change(function () {

            $element.after($country);
        });
    }
}
});

您也可以在jsFiddle上看到

如果选择FR，为什么还要附加国家名称？

马克·舒尔蒂斯

我会添加一个跨度并将文本放在其中，以便在以后的更改中可以对其进行修复：

<select id="billing_country">
  <option value="FR">FR</option>
  <option value="IT">IT</option>
</select>
<input type="text" id="woocommerce_cf_piva" /><span id="afterit"></span>

请注意，这仍然很冗长：

jQuery(document).ready(function() {
  var $country_select = jQuery('#billing_country');
  var $element = jQuery('#woocommerce_cf_piva');

  // When country change
  $country_select.on('change', function() {
    var $country = jQuery(this).find('option:selected')[0].value;
    var d = ($country == 'IT') ? $country : "";
    $element.data('selectedcountry', d);
  });

  $element.on('change', function() {
    var ct = $(this).data('selectedcountry');
    //as you have it: $(this).after(ct);// append
    // put it in the span to remove/blank out on subsequent changes
    $('#afterit').text(ct);
  });
});

这是总的不太详细的版本：

$('#woocommerce_cf_piva').on('change', function() {
    var v = $('#billing_country').find('option:selected')[0].value;
    $('#afterit').text((v == 'IT') ? v : "");
});

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。