woocommerce自定義選擇選項功能

Question

我正在使用woocommerce來添加一些自定義字段。

當我使用下面的代碼並將其放置在Wordpress主題的functions.php文件中時，一切正常。

woocommerce_wp_select( 
     array( 
      'id'  => '_select_option', 
      'label' => __('Select an Option', 'woocommerce'), 
      'desc_tip' => 'true', 
      'description' => __('Select an option', 'woocommerce'), 
      'options' => array(

       '1' => __('Option 1', 'woocommerce'), 
       '2' => __('Option 2', 'woocommerce'), 
       '3' => __('Option 3', 'woocommerce'), 



       ) 
      ) 
     ); 

問題 如何添加一個ID = 1ID = 2 **，** ID = 3旁邊像代碼風格的每個選項下面

<select id="_select_option"> 
     <option value="1" id="1"> Option 1 </option> 
     <option value="2" id="2"> Option 2 </option> 
     <option value="3" id="3"> Option 3 </option> 
</select> 

謝謝

Answer 1

把下面的代碼放在footer.php中，或者你可以用這個腳本注入用戶wp_footer或者wp enqueue腳本

jQuery("#_select_option option").each(function(index) { 
 

 
    jQuery(this).attr("id",index); 
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="_select_option"> 
 
     <option value="1"> Option 1 </option> 
 
     <option value="2"> Option 2 </option> 
 
     <option value="3"> Option 3 </option> 
 
</select>