有没有办法基于链接自动填充表单域？

我试图有一个按钮链接生成一个特定的代码时单击表单字段，但似乎无法找到任何解决方案。我知道必须有一个Javacript答案，但没有任何建议的解决方案正在完成。有没有办法基于链接自动填充表单域？

表单代码：

<div class="nm-checkout-form-coupon"> 
     <form class="checkout_coupon" method="post" style="display:none"> 
      <p class="form-row"> 
       <input type="text" id="coupon_code" name="coupon_code" class="input-text" placeholder="<?php _e('Physician Code', 'woocommerce'); ?>" id="coupon_code" value="" required /> 
      </p> 
      <p class="for-row"> 
       <p>Don't have a Physician Code? <a href="" data-toggle="modal" data-target="#physcode">Get one here!</a></p> 
       <!-- Physician Code Modal --> 
        <div class="modal fade access-code-popup" id="physcode" tabindex="-1" role="dialog" aria-labelledby="physcodelabel" > 
        <div class="modal-dialog"> 
        <div class="modal-content"> 
        <div class="modal-body"> 
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
         <p>AQ Skin Pro products are available exclusively through participating clinics and physicians offices. If you do not have an Exclusive Physician Code, click "generate a code" below.</p> 
         <button class="nm-simple-add-to-cart-button single_add_to_cart_button button alt" data-dismiss="modal" aria-label="Close" onClick="fillFields('coupon_code')" alutocomplete="off">Generate a Code</button> 
         </div> 
        </div> 
        </div> 
       </div> 
      </p> 
      <p class="form-row"> 
       <input type="submit" class="button" name="apply_coupon" value="<?php _e('Apply Physician Code', 'woocommerce'); ?>" /> 
      </p> 
     </form> 
    </div>

来源

2015-10-12 Cody

你可以你描述你想象的流程？ 'apply_coupon'具有从php中粘贴的值，你在哪里试图访问它，它是如何失败的？ –

与此处相同：https://venusskin.com/customer/account/create/ 在个人信息的左栏中，第一项是独家访问代码（如果您没有访问代码，请点击此处）。当你点击链接时，弹出的模式会在代码中生成代码并关闭。 – Cody

如果您查看该链接的源代码，您会在第481行找到相关的JavaScript代码 - 或搜索“代码提示”。 –

您当前的尝试并不遥远：<button class="nm-simple-add-to-cart-button single_add_to_cart_button button alt" data-dismiss="modal" aria-label="Close" onclick="fillFields('coupon_code')" alutocomplete="off" id="gencode">Generate a Code</button>

如果你想保持它的简单更换的onclick代码： document.getElementById('coupon_code').value = 'THECOUPONCODE';

你应该最终得到类似于：<button class="nm-simple-add-to-cart-button single_add_to_cart_button button alt" data-dismiss="modal" aria-label="Close" onclick="document.getElementById('coupon_code').value = 'THECOUPONCODE';" alutocomplete="off" id="gencode">Generate a Code</button>

来源

2015-10-12 16:32:32

好吧，让我更接近了，但我需要它只填充'THECOUPONCODE'，当他们点击模式弹出窗口中的“生成代码”。我上面实现了你的代码，它只是在页面加载时用'THECOUPONCODE'自动填充表单域。 – Cody

你在哪里实施变更？我看到该字段预填充'gen2015'，但如果我检查'生成代码'按钮，我仍然可以看到'fillFields（'coupon_code'）'如果我去http://designatwork.net/c3/checkout/ –

我'我已经更新了答案，希望更清楚。请再看一遍，看看你是否仍然遇到问题。 –

有没有办法基于链接自动填充表单域？

回答

相关问题