0

<span>次のように、製品詳細ページの各製品の SKU を含むe コマース Web サイトがあります。

<span class="VariationProductSKU">052077</span>

<select>お客様が下記メニューでサイズをお選びいただくと・・・

<div class="productOptionViewSelect">
     <select id="4ab0094cccc675de3daaa83d6b1819e2" class="validation" name="attribute[110]">
          <option selected="selected" value=""> -- Please Choose an Option -- </option>
          <option value="69">S</option>
          <option value="70">M</option>
          <option value="71">L</option>
          <option value="72">XL</option>
          <option value="73">XXL</option>
     </select>
</div>

タグに表示される SKU は、<span>次のように動的に更新されます (この例では、サイズ「L」を選択しています)。

<span class="VariationProductSKU">052077.L</span>

<span>jQuery を使用して、動的に更新される新しい SKU を含むタグの値を取得する必要があります。次の jQuery コードを試してみましたが<span>、新しい値ではなく、タグの以前の値が常に返されているようです。

if ($('div.productAttributeList').html() !== ''){
    $("div.productOptionViewSelect select").on( 'change', function () {
         var val = "";
         val = $('span.VariationProductSKU').text().trim();
         alert(val);
    });
}

タグから正しい値を取得する方法についての洞察を<span>いただければ幸いです。

4

1 に答える 1

0

リモート スクリプトが終了するまで少し待ちます。

if ($('div.productAttributeList').html() !== '') {
    $("div.productOptionViewSelect select").on('change', function () {
        var val = "";

        setTimeout(function() {
            val = $('span.VariationProductSKU').text().trim();
            alert(val);
        }, 50); // adjust this value until it's working reliably
    });
}
于 2013-10-22T20:49:13.727 に答える