jQuery从幻灯片div获取值并使用表单

时间:2015-09-01 12:29:35

标签: jquery gravity-forms-plugin

我们有一张幻灯片,每张幻灯片都有一个唯一的参考号。我们希望在提交时将此参考号包含在联系表单文本字段中。

我们几乎可以使用它,但随着幻灯片的不断变化,DIV的价值也在不断变化。它只在页面加载时得到DIV的初始值,而不是在命中提交按钮时。

我们获取值的代码是

<script type='text/javascript'>
function prepareSubmit() {
      var getvalue = document.getElementById("refnum").innerHTML;
      document.getElementById("input_2_5").value = getvalue;
      alert(document.getElementById("input_2_5").value);
      return true;
}
</script>

HTML refnum是一直在变化的div值:

<div id="refnum">Ref 4286</div>
<form name="test">
    <input type="text" id="input_2_5" name="text" />
    <input type="submit" onclick="return prepareSubmit()" value="submit" />
</form>

对于拥有比我更多jQuery知识的人来说,这很简单。

提前致谢: - )

1 个答案:

答案 0 :(得分:0)

如果我理解正确,您可能正在使用每张幻灯片中的表单吗? 如果是这种情况,那么您将需要使用该幻灯片的参考。您可以点击或您正在调用您的功能。 你可以像这样把它包起来

<div class='parentDiv'>
    <div id="refnum">Ref 4286</div>
    <form name="test">
       <input type="text" id="input_2_5" name="text" />
       <input type="submit" onclick="return prepareSubmit(this)" value="submit" />
    </form>
<div>

并使用像这样的jquery

<script type='text/javascript'>
   function prepareSubmit(self)
   {
      var value=$(self).parents("div.parentDiv").find('#refnum').Html();
      $('#input_2_5').val(value);
      alert($('#input_2_5').val());
   }
</script>

这应该可以解决你的目的。如果有任何问题,请告诉我。