從div元素檢索數據並提交使用JQUERY

Question

我是新來jquery和努力從我的'span'元素在我的jquery代碼中檢索日期值，並希望將它與我的表單一起使用java腳本。原因，我需要用這種方法，我想使用在http://www.dangrossman.info/2012/08/20/a-date-range-picker-for-twitter-bootstrap/

提供我不知道如何將我的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> 

FORM： -

 <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元素檢索日期的價值，並張貼與形式進行檢索沿在下一頁，根據這個值過濾來自數據庫的記錄。我會理解黃昏時分，如果有人可以幫助我在這個regard.Thanks

Answer 1

正如我在小提琴建議：

<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> 

而對於Java腳本：

$(document).on('click', '#submit', function(event) { 
    event.preventDefault(); 
    alert($("input[name='tt']").val()+" - Method 1"); 
    $("#tt2").val($("span").text()); 
}); 

$(document).on('submit', 'form', function(event) { 
    event.preventDefault(); 
    alert($("input[name='tt']").val() + " - Method 2"); 
    $("#tt2").val($("span").text()); 
}); 

不要忘記添加Jquery的腳本。 （在編輯我已經包括從跨度複印件）

問候

Answer 2

我想你沒有按照你的教程正常。 以下是本教程中的一些代碼，您會注意到它將數據放入INPUT字段，然後將自動作爲表單數據發送，無需添加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> 

另外在你的代碼中，你已經混合了jQuery和標準javascript。 對於您正在傾聽點擊按鈕而不是提交表單的情況，這意味着如果輸入按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>