我想在 Wordpress 上的 html 的一个 var 中加入两个输入答案

【问题标题】：I want to join two inputs in one var at html on Wordpress我想在 Wordpress 上的 html 的一个 var 中加入两个输入
【发布时间】：2018-07-24 07:29:32
【问题描述】：

我正在使用 wordpress，但我制作了自己的付款表单，我有 两个选择类型的输入，如下所示：

<div id="S03" class="Selectos"><select tabindex="4" name="Mes" required="">
<option...[Code goes on]

还有这个：

<div id="S04" class="Selectos"><select tabindex="5" name="Ano" required="">
<option...[Code goes on]

那些工作正常，但我想将它们加入一个输入，我整天都在研究，我发现了一些关于我必须做什么的线索，但在具体情况下没有人能帮助我。 这是加入的输入：

<input id="Expires" name="Expires" type="hidden" />

以及我调用表单的方式：

<div class="container"><form id="contact" class="RV_donateForm" action="https://eps.banorte.com/secure3d/Solucion3DSecure.htm" method="post">

以及如何关闭：

<fieldset><button id="contact-submit" name="submit" type="submit" data-submit=" ">Donar</button></fieldset>
</form></div>

然后我寻找一些加入的方法，而这个方法看起来是更好的方法在提交事件中：

<script type="text/javascript">
button.onclick = function (){
document.getElementById('Expires').value = document.getElementById('S03').value + '/' + document.getElementById('S04').value; cn = document.getElementById('Expires').value ; 
alert(cn);
 };
</script>

好吧，在银行“邮局”，他们把所有的变量都扔给了我，除了从不加入并显示为 null 的 Expires，我也注意到了，因为它从不向我显示警报。我是 html 和 JavaScript 的新手，我不确定可能出了什么问题。文件上的所有代码都按此顺序排列，除非表单的调用位于所有内容的开头，¿也许是我必须放置 javascript 的在线位置？我很感激任何帮助。非常感谢stackfellas！

【问题讨论】：

标签： javascript html wordpress forms input

【解决方案1】：

您可能想查看此https://developer.mozilla.org/es/docs/Web/API/EventTarget/addEventListener

我猜你首先需要获取按钮，然后添加监听器

<script type="text/javascript">
var button = document.getElementById('contact-submit')
button.addEventListener('click', function () {
  document.getElementById('Expires').value = document.getElementById('S03').value + '/' + document.getElementById('S04').value; 
  cn = document.getElementById('Expires').value ; 
  alert(cn);
});
</script>

【讨论】：

不行，要的话看表格rompeviento.tv/?page_id=41450 通行证：159 反正我在查你分享给我的东西

【解决方案2】：

终于！它确实像 Omar 所说的那样工作，但是在 onload body 函数中加载 addEventListener 时，它将在您单击提交按钮时运行事件引用的函数。

    <script type="text/javascript">
function putExpires(){
var cm = document.getElementById('S03').value;
var ca = document.getElementById('S04').value;
document.getElementById("Expires").value = cm + '/' + ca;
var cn = document.getElementById("Expires").value;
}
function load() { 
  var button = document.getElementById("contact-submit");
  button.addEventListener("click", function(){putExpires()}, false); 
} 
</script>
<body onload="load();">

谢谢奥马尔！

【讨论】：