如何创建插件或woocommerce标签来编辑选择框？

Question

我正在尝试在woocommerce中创建一个附加的设置选项卡，以便您可以编辑选择框的选项以及包含当选择该选项时显示的说明的相应隐藏字段。

我创建了一个woocommerce附加计费字段，称为Pickup_location。它在开票表格中显示，并且在选择位置时显示说明。它已挂接到订单循环中，因此会在结帐过程中显示。

这是到目前为止我的代码：

//Ajax - cart update add to wp footer
add_action( 'wp_footer', 'trigger_for_ajax_add_to_cart' );
function trigger_for_ajax_add_to_cart() {
    ?>
        <script type="text/javascript">
            $(document).ready(function(){

            var options = $('#pickup_location option');

            var values = $.map(options ,function(option) {
                return option.value;
            });

            values = values.join()
            //add disabled option title to select box   
            var o = new Option("option text", "opt");

            /// jquerify the DOM object 'o' so we can use the html method
            $(o).html("Please choose a location for pickup").attr("selected","selected").attr("disabled","disabled");
            $("#pickup_location").prepend(o);
            });

            //Display Option chosen

            $("#pickup_location").bind("change", function() {
                var selectedKey = $("#pickup_location").val();
                $('#pickup_details').text( selectedKey ); 
            });

        </script>
    <?php
};

那么我该如何将其添加到woocommerce设置页面并能够添加/编辑/删除选项/说明？

任何帮助将不胜感激。