div値を別のPHPに渡すと空白になりますか？

Question

divをフォームに入れて、value.phpで$ _POS ['calander']を使用して別のPHPに値をPOSTしようとしましたが、空白になります。 別のPHPからdiv値を取得するにはどうすればいいですか？

<form id="demo-form2" data-parsley-validate class="form-horizontal form-label-left" action="value.php" method="post"> 
<div id="calander" class="pull-left" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc"> 
<i class="glyphicon glyphicon-calendar fa fa-calendar" id="reportrange_right"></i> 

<span>&nbsp</span> <b class="caret"></b> 
</div> 
</form> 

別のPHPにdiv値を投稿するにはどうすればよいですか？あなたはそれはあなたを助けることがあり、これを使用することができ

Answer 1

、あなたPHPページの使用中

<form id="demo-form2" data-parsley-validate class="form-horizontal form-label-left" action="value.php" method="post"> 
<div id="calander" class="pull-left" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc"> 
<i class="glyphicon glyphicon-calendar fa fa-calendar" id="reportrange_right"></i> 
<span>&nbsp</span> <b class="caret"></b> 
    </div> 
    <input type="hidden" id="hiddeninput" name="hiddeninput"> 
    <input type="submit" id="subs" name="subs" value="Submit"/> 
    </form> 
    <script> 
    $(function(){ 
     $('#subs').click(function() { 
     var mysave = $('#calander').html(); 
     $('#hiddeninput').val(mysave); 
     }); 
    }); 
    </script> 

、

$_POST['hiddeninput']; 

が

Answer 2

送信フォームデータのみを入力要素と協力して値を受信します！だからあなたはそれを行うために入力要素を作成する必要があります。あなたがjQueryを知っているなら、簡単にajaxメソッドで作ることができます。ここにJavascript OnClickの例があります。

<form id="demo-form2" data-parsley-validate class="form-horizontal form-label-left" action="value.php" method="post" onclick="Send(this)"> 
<div id="calander" class="pull-left" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc"> 
<i class="glyphicon glyphicon-calendar fa fa-calendar" id="reportrange_right"></i> 

<span>&nbsp</span> <b class="caret"></b> 
</div> 
</form> 
<script type="text/javascript"> 
function Send(t) { 
    var data = document.getElementById('calander');//get div element 
    var divinput = document.createElement("input");//create new input 
    divinput.setAttribute('type', 'hidden');  //type hidden 
    divinput.setAttribute('name','calander');  //set post name 
    divinput.setAttribute('value', data.innerHTML);//send div value(html) 
    t.appendChild(divinput);      //You must append current form before submit 
    t.submit(); 
    return false; 
     } 
</script>