JQueryのDatepickerの値が送信されません

私はGETを介してPHPスクリプトにいくつかの基本データを提出しようとしています。私の5つの値のうち2つに、JqueryUIのdatepickerが設定されています。 2つの入力フィールドをアラートで確認すると、正しく表示されますが、送信時にPHPスクリプトに渡されることはありません。JQueryのDatepickerの値が送信されません

コード：JSFiddle

のindex.php - 注：addHourOptions() PHPの関数は、単にいくつかの選択<option> -fieldsを追加し、空想何も。

<?php 
include('inc/functions.php'); 
?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
    <head> 
     <meta content="text/html; charset=UTF-8" http-equiv="content-type"> 
     <title>Filter</title> 

     <link rel="stylesheet" href="css/style.css"> 
     <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/themes/smoothness/jquery-ui.css"> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
     <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.js"></script> 
     <script language="javascript" type="text/javascript" src="js/main.js"></script> 
     <!--<script language="javascript" type="text/javascript" src="ajax/ajax.js"></script>--> 
    </head> 
    <body> 
      <form id="filter" action="filter.php" method="GET"> 
       <label for="date-from"> 
        from Date: <input id="date-from" type="text" /> 
       </label> 
       &nbsp; 
       <label for="date-to"> 
        to Date: <input id="date-to" type="text" /> 
       </label> 
       &nbsp; 
       <label for="time-from">from Time: 
        <select id="time-from" name="time-from" size="1"> 
<?php addHourOptions(); ?> 
        </select> 
       </label> 
       &nbsp; 
       <label for="time-to">to Time: 
        <select id="time-to" name="time-to" size="1"> 
<?php addHourOptions(); ?> 
        </select> 
       </label> 
       &nbsp; 
       <label for="corps">Corporation: 
        <select id="corps" name="corps" size="1"> 
         <option value="98256608">Scroll Lock.</option> 
         <option value="955058602">German Angels</option> 
         <option value="98323502">Rat der 66er</option> 
         <option value="98183461">Girl Friends Please Ignore</option> 
         <option value="98371266">Know your Role</option> 
        </select> 
       </label> 
       &nbsp; 
       <button type="submit" id="filterButton">Filter</button> 
       <button type="button" id="debug">Debug</button> 
      </form> 
    </body> 
</html>

main.js

//initialize datepicker: yy-mm-dd/yesterday 
$(function(){ 
    $.datepicker.setDefaults(
      $.extend($.datepicker.regional['']) 
      ); 
    $('#date-from').datepicker({dateFormat: 'yy-mm-dd'}).datepicker("setDate", -1); 
    $('#date-to').datepicker({dateFormat: 'yy-mm-dd'}).datepicker("setDate", "TODAY"); 
}); 

// set defaults for time timespan-dropdowns 
$(function() { 
    $('#time-from option[value="19:00"]').attr("selected",true); 
    $('#time-to option[value="23:59"]').attr("selected",true); 
}); 

$('#debug').click(function() { 
     alert($('#date-from').val() + " " + $('#date-to').val()); 
}

filter.phpは - 今だけのため_GET変数を表示し、何のロジック

<?php 
foreach($_GET as $key => $param){ 
    echo $key . " => " . $param . "<br />"; 
} 
?>

だから出力に5行があってはなりませんfilter.php、フォームバリューごとに1つue。しかし、唯一の3

出力例があります。私の日を含む2つの入力フィールドがちょうどフォームの残りの部分で提出されませんなぜ

time-from => 19:00 
time-to => 23:59 
corps => 98256608

は、誰かが私に教えていただけますか？事前に

おかげ

EDIT：は私がここで検索を使用し、それについて多くの質問と回答を読んで、しかし、何も私のために働くように見えません。

出典

2016-09-30 GosuSan

これらの入力フィールドが「display：none」に設定されていると、CSSのどこかに送信されません。 –

@AlekosDordas彼らはそうではありませんが、知っておいて、私は確かにそれを知らなかった。 – GosuSan

<label for="date-from"> 
    from Date: <input id="date-from" type="text" name="date-form" /> 
</label> 
&nbsp; 
<label for="date-to"> 
    to Date: <input id="date-to" type="text" name="date-to" /> 
</label>

名前属性を作成すると問題は解決したと思います。

出典

2016-09-30 10:22:26

今、私は愚かな気分になりました...ありがとう、私はそれを見逃すことができないのか何かを知りません。今はうまくいく。 – GosuSan

それは大丈夫です、愚かな気分にする必要はありません。誰にでも起こる可能性があります。 –

JQueryのDatepickerの値が送信されません

答えて

関連する問題