名稱從一個元素更改爲另一個價值商店

Question

我需要從li元素中獲取名稱和值，並在選擇後顯示它作爲按鈕值，我需要更多的是將該單個值存儲在php var對於後者提交，我走到這一步，但現在我堅持和不斷收到1個尺寸僅爲

CODE

<button id="changename" class="btn dropdown-toggle size-selector-btn" type="button" data-toggle="dropdown">Select your size <span class="caret" style="display: none;"></span> 
</button> 
    <ul class="dropdown-menu size-list" role="menu"> 
$productAttributeOptions = $product->getTypeInstance(true)->getConfigurableAttributesAsArray($product); 
         $attributeOptions = array(); 
         foreach ($productAttributeOptions as $productAttribute) { 
          foreach ($productAttribute['values'] as $attribute) { 
           $attributeOptions[$productAttribute['label']][$attribute['value_index']] = $attribute['store_label']; 
          } 
         } 

         $key = "Size"; 
         foreach($attributeOptions[$key] as $size){ ?> 

           <li id="<?php echo $size; ?>" onclick="changeName()"><?php echo $size; ?></li> 
        <?php } 



         } ?> 

        </ul> 
       </div> 
       <script> 
       function changeName() { 
        document.getElementById("changename").innerHTML = "<?php echo $size; ?>"; 
       } 
       </script> 

Answer 1

OK，以及有2個問題，我可以看到。首先你的第三個foreach循環看起來應該嵌套在其他循環中，但不是。

第二個問題是您錯誤地理解了php和js的工作方式。在頁面呈現之前，PHP會在服務器上運行，因此js函數中$ size的值將取決於LAST的值。

要解決這個問題，請正確嵌套foreach（當使用php內聯html時，我最好使用塊的模板語法 - 例如if: endif;,foreach: endforeach;以提高可讀性），然後調整js函數以獲取參數，並在onclick事件中傳遞該參數，方法是對點擊的元素進行標記。編號：

<button id="changename" class="btn dropdown-toggle size-selector-btn" type="button" data-toggle="dropdown">Select your size <span class="caret" style="display: none;"></span> 
    </button> 
    <ul class="dropdown-menu size-list" role="menu"> 
     <?php 
     $productAttributeOptions = $product->getTypeInstance(true)->getConfigurableAttributesAsArray($product); 
     $attributeOptions = array(); 
     foreach ($productAttributeOptions as $productAttribute) : 
      foreach ($productAttribute['values'] as $attribute) : 
       $attributeOptions[$productAttribute['label']][$attribute['value_index']] = $attribute['store_label']; 
       $key = "Size"; 
       foreach($attributeOptions[$key] as $size):?> 
        <li id="<?php echo $size; ?>" onclick="changeName(this.id);"><?php echo $size; ?></li> 
       <?php endforeach; 
      endforeach; 
     endforeach; 
     ?> 

    </ul> 
</div> 
<script> 
    function changeName(size) { 
     document.getElementById("changename").innerHTML = size; 
    } 
</script>