woocommerce 自定义选择选项功能答案

【问题标题】：woocommerce custom select option functionwoocommerce 自定义选择选项功能
【发布时间】：2018-03-16 14:39:27
【问题描述】：

我正在使用 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 = 1 ID = 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>

谢谢

【问题讨论】：

标签： php wordpress woocommerce hook-woocommerce

【解决方案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>

【讨论】：