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

由于

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>

woocommerce自定义选项功能

1 个答案: