woocommerce personnalisé sélectionnez option fonction

Question

J'utilise woocommerce pour ajouter des champs personnalisés.

Tout fonctionne correctement lorsque j'utilise le code ci-dessous et le place dans le fichier functions.php dans le thème Wordpress.

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



       ) 
      ) 
     ); 

Problème Comment puis-je ajouter un ID = 1ID = 2 **, ** ID = 3 à côté de chaque option comme le style de code ci-dessous

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

Merci

Answer 1

Mettez le code ci-dessous dans footer.php ou vous pouvez injecter ce script avec l'utilisateur wp_footer ou le script 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>