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>