Javascript 使用JQUERY从div元素检索数据并随post一起提交

我是Jquery新手，正在努力从Jquery代码中的“span”元素中检索日期值，并希望使用java脚本将其与表单一起发布。我需要使用这种方法的原因是，我正在尝试使用

我不知道如何将span元素值嵌入到表单中，并将其与其他表单数据一起发布到其他页面

Javscript

<script type="text/javascript">

document.getElementById("btnsubmit").addEventListener("click", function () {
var s;
 s=jQuery.data($('aname'),s);

alert(s);

    document.form.submit();
  });

</script>

document.getElementById（“btnsubmit”）.addEventListener（“单击”，函数）（）{
var s；
s=jQuery.data（$（'aname'），s）；
警报；
document.form.submit（）；
});

表格： -

     <b class="caret"></b>
     <span><?php echo date("F j, Y", strtotime('-30 day')); ?> - <?php echo date("F j, Y"); ?> </span>
    </div>
     <button id="btnsubmit" onclick="document.getElementById('frmdate').submit();">submit</button>

  </form>

-  
提交

---

我只想从span元素中检索日期值，并将其与表单一起发布，以便在下一页检索该值，以根据该值筛选数据库中的记录。如果有人能在这方面帮助我，我将不胜感激。正如我在小提琴中建议的那样，谢谢：

<form action="#">   
  <b class="caret"></b>
    <span>14-10-2014</span>
    <input type="hidden" name="tt" value="10-10-2014" />
    <input id="tt2"/>
    <input type="submit"/>
    <a href="#" id="submit">submit</a>
<form>

不要忘记添加Jquery脚本。 （在编辑中，我包含了跨度中的副本）

---

致以最良好的祝愿

我想你没有正确地遵循你的教程。 这是本教程中的一些代码，您会注意到它将数据放入一个输入字段，然后该字段将自动作为表单数据发送，无需添加jQuery

<form id="frmdate">
  <div class="form-group">
    <label for="reservation">Reservation dates:</label>
    <div class="controls">
      <div class="input-group">
        <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
        <input type="text" name="reservation" id="reservation" />
      </div>
    </div>
  </div>
</form>

<script type="text/javascript">
$(document).ready(function() {
    $('#reservation').daterangepicker();
});
</script>

预订日期：
$（文档）.ready（函数（）{
$（“#预订”）.daterangepicker（）；
});

在代码中，jQuery和标准javascript混合得很糟糕。 对于您正在侦听的是按钮的单击而不是表单的提交，这意味着您的代码将永远不会执行，如果enter点击enter键并且它在未单击按钮的情况下提交表单。此外，仅出于上述原因（以及许多其他原因），这是一种不好的做法

以下是您的代码的清理版本：

<form id="frmdate">

    ...

    <b class="caret"></b>
    <span id="aname"><?php echo date("F j, Y", strtotime('-30 day')); ?> - <?php echo date("F j, Y"); ?></span>
    <button id="btnsubmit" type="sumbit">Submit</button>
</form>

<script type="text/javascript">
$(document).ready(function() {
    $('#frmdate').submit(function(){
        // Do some code here.
    });
});
</script>

...
- 
提交
$（文档）.ready（函数（）{
$（'#frmdate'）。提交（函数（）{
//在这里执行一些代码。
});
});

这是一个非常糟糕的代码组合？@adeneo.您能解释一下它有什么问题吗？最好从一些Jquery教程开始…您将数据保存在一个范围而不是隐藏的输入字段中有什么原因吗？此外，您发布的代码中没有涉及的跨度。另外，

$（'aname'）

表示您正在查找

元素。@Ramy.谢谢。我已经更新了我的代码。如上所述，我想使用bootstrap daterange picker。我尝试过使用隐藏值，但一旦我更改了日期选择器，隐藏字段就不会捕获datepicker的最新值。所以我只想捕获“跨度“元素。是否还有抓取span容器的方法？谢谢，但我的问题是，如果datepicker的值在span元素中而不是在输入表单元素中，如何提交表单？：）如果没有额外的序列化代码，span元素不会作为表单数据发送。即使数据以可视方式在一个范围内输出，也必须将其复制到一个输入中。该输入可以隐藏，以便用户不知道发生了什么。

<form id="frmdate">

    ...

    <b class="caret"></b>
    <span id="aname"><?php echo date("F j, Y", strtotime('-30 day')); ?> - <?php echo date("F j, Y"); ?></span>
    <button id="btnsubmit" type="sumbit">Submit</button>
</form>

<script type="text/javascript">
$(document).ready(function() {
    $('#frmdate').submit(function(){
        // Do some code here.
    });
});
</script>