如何在 Ruby 代码中打印 JavaScript 变量

Question

我有一个单选按钮列表，根据用户选择的单选按钮，应该显示一个按钮。

  <div class="cobrado-anualmente-label">
    <div class="radio_seleccion_anual_payment margin-bottom-70">
      <div class="radio billed-anual_60-radio">
        <input id="plan_pro_talent" class="radio_money_value" name="radio-anual-payment-type" type="radio">
        <label for="radio-anual_60"><span class="radio-label"></span>$60</label>
      </div>

      <div class="radio billed-anual_100-radio">
        <input id="radio-anual_100" class="radio_money_value" name="radio-anual-payment-type" type="radio">
        <label for="radio-anual_100"><span class="radio-label"></span>$100</label>
      </div>

      <div class="radio billed-anual_250-radio">
        <input id="radio-anual_250" class="radio_money_value" name="radio-anual-payment-type" type="radio">
        <label for="radio-anual_250"><span class="radio-label"></span>$250</label>
      </div>

      <div class="radio billed-anual_500-radio">
        <input id="radio-anual_500" class="radio_money_value" name="radio-anual-payment-type" type="radio">
        <label for="radio-anual_500"><span class="radio-label"></span>$500</label>
      </div>
    </div>
  </div>

我正在尝试使用 javascript 生成按钮以避免多次重复相同的代码（有很多按钮）。目前在 ruby​​ 中按钮是这样处理的：

  <%= button_tag "Contribute $60 a month", class: 'radio-anual_60 no_me_veo payment-action btn-plan button full-width margin-top-20', data:{ plan: @plan_pro_talent.id,key: @plan_pro_talent.name,month: @plan_pro_talent.monthly_amount,year: @plan_pro_talent.yearly_amount,plan_title: t('plan.plan3-titulo1') || '' } %>

必须在选择单选按钮选项时生成按钮

当我尝试在 ruby​​ "" 中显示 javascript 变量的内容时，它不允许我访问该变量。我得到了一个与我的 ruby​​ 变量同名的单选按钮的 id。我正在尝试以下方法：

      <script>

        $( ".radio_money_value" ).click(function() {

         var newDiv = $("<button name='button' type='submit' class='payment-action btn-plan button full-width margin-top-20' data-plan='<%=@"'"+this.id+"'".id%>'>Contribute $250 a month</button>");

         $('.btns-stripe').append(newDiv);
        });
      </script>

有没有办法在 ruby​​ 中打印 javascript 变量的值？

Answer 1

Ruby 在你的服务器上运行，JavaScript 在浏览器中运行，在不同的地方，不同的时间；你无法回到过去。

但是为什么你甚至需要它呢？您可以访问 JavaScript 变量...嗯... JavaScript。

var newDiv = $("<button blah-blah-blah-blah data-plan='" + this.id + "'>blah-blah</button>")

或者更好一点（使用反引号`` 构建模板字符串）：

var newDiv = $(`<button blah-blah-blah-blah data-plan="${this.id}">blah-blah</button>`)