Question

所以我一直在构建我的第一个WordPress插件，我当然遇到了一些障碍。我首先将所有这些代码编写为页面模板，但现在我将其转换为插件，以便我可以在多个站点中使用它。

它本质上是一种联系表单，可根据用户选择创建价格报价。当它是一个模板时，我只是硬编码了值，并使一切都与外部jQuery文件一起工作。现在，我想从插件管理设置页面获取用户输入，并使用那个值进行计算而不是我硬编码的值。

以下是我之前使用jQuery的内容：

(function($) {
  $(document).ready(function(){
        $("#carpet_cleaning).change(function () {
              var bedrooms = $("#carpet_cleaning").val();

/*-------CHANGE RATES HERE--------*/
    var total = (bedrooms * 39);
    var totalPrice = "$" + total;

    $("#output1").text(totalPrice).fadeIn();
        });  
    }(jQuery));

所以基本上我想使用插件管理设置中的用户输入而不是硬编码39.这样价格会根据用户想要设置的价格而有所不同。

以下是我的管理员设置的HTML：

  <h2>Display Settings</h2>
      <form method="post" action="options.php">
         <?php settings_fields( 'my-plugin-settings-group' ); ?>
         <?php do_settings_sections( 'my-plugin-settings-group' ); ?>

    <fieldset>
      <input type="text" size="3" name="carpet_cleaning_price" value="<?php echo esc_attr( get_option('carpet_cleaning_price') ); ?>" /><label>Carpet Cleaning Price Per Room</label>
   </fieldset>

    <?php submit_button('Save all changes', 'primary','submit', TRUE); ?>
   </form>

我的印象是我可以使用get_option来存储用户输入。如果这是最好的方法，我怎么能在我的jQuery变量中访问该值？

理想情况下，我想做类似的事情：

var sectionalCleaning = carpet_cleaning_price;

然后只使用carpet_cleaning_price代替39，这将为我提供用户价值。

有什么方法可以轻松完成吗？我也将不得不使用PHP在后端执行此操作，以便有人无法在浏览器中调整值并且计算在服务器上进行，因此如果您也有解决方案，那么我是开放的那个。对我来说很容易，我是一个新开发者！谢谢。

在WordPress中使用get_option创建新的JavaScript变量

0 个答案: