我有一个带日期选择器(daterangepicker)的bootstrap模式,在选择了一些日期jquery post之后,mysql查询正在检查这个日期的空闲时间段。然后创建带有空闲时间段的选项列表并以模态显示它。在此之前一切正常,但是当我选择一个选择表单选项列表并使另一个Jquery帖子在DB变量中插入数据时是未定义的。我是Jquery的新手,花了半天的时间来搜索解决方案
1)我的jquery POST
$(document).ready(function(){
$('#pkdateselect2').daterangepicker({
"singleDatePicker": true,
"startDate": "2018-02-01",
"minDate" : "2018-02-01"
},
function(start, end, label) {
$.post("ajax/pkaction.php",
{action: "checkdate",
client_id: "<?php echo $id; ?>",
userid: "<?php echo $userid; ?>",
pkdateselect: start.format('YYYY-MM-DD')},
function(data){
$('#pkdateselect2').html(data.wybranadata);
$('#wyborgodzin').removeClass('invisible');
$('#pksave').removeClass('invisible');
$('#godziny').html(data.godziny);
},
"json"
);
});
});
2)之后我在模态
中得到了两个字段第一
<input type="text" id="pkdateselect2" class="form-control" name="pkdateselect2">
第二
<select class="form-control" id="godziny" name="godziny">
<option value="08:00:00">08:00</option>
<option value="08:15:00">08:15</option>
</select>
按钮
<button type="submit" id="pksave" class="btn btn-primary invisible">Zapisz</button>
到现在为止一切正常!
之后我再次获得第二个Jquery POST选择日期(pkdateselect2)并选择时间段(godziny)当点击按钮(pksave)时
$(document).ready(function(){
$('#pksave').click(function(){
console.log('value ' + $("godziny").val());
$.post("ajax/pkaction.php",
{action: "pksave",
client_id: "<?php echo $id; ?>",
userid: "<?php echo $userid; ?>",
pkdateselect2: $("#pkdateselect2").val(),
godziny: $("godziny").val() },
function(data){
$('#pkmodalbody').html(data.results);
}
, "json"
);
});
});
为什么我在php中收到选项值(godziny)和日期值(pkdateselect2)时会为空?
答案 0 :(得分:1)
您正在尝试使用错误的jquery选择器获取值
$( “godziny”)。VAL()
应该是
$("#godziny").val()