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'), 



       ) 
      ) 
     ); 

問題 どうすれば

<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> 

以下のコードスタイルのように、各オプションの横にID = 1ID = 2 **、** ID = 3を追加しますありがとう

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>