Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/227.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
从PHP页面中的html输入框中获取值,无需重新加载页面 *旅程天数_Php_Html_Codeigniter 3 - Fatal编程技术网

从PHP页面中的html输入框中获取值,无需重新加载页面 *旅程天数

从PHP页面中的html输入框中获取值,无需重新加载页面 *旅程天数,php,html,codeigniter-3,Php,Html,Codeigniter 3,如果设置了name=“day”值,那么如何获取该日值? 我想这样做 <div class="col-md-6"> <label class="control-label"><span class="text-danger">*</span>Journey Days</label> <div class="form-group"> <input type="number" name="

如果设置了name=“day”值,那么如何获取该日值? 我想这样做

<div class="col-md-6">
     <label class="control-label"><span class="text-danger">*</span>Journey Days</label>
     <div class="form-group">
        <input type="number" name="day" class="form-control" >
            <?php echo $this->input->post('day');?> </input>
        <span class="text-danger"> <?php echo form_error('day');?></span>
     </div>
</div>

要从输入字段中获取值而不必重新加载页面,您必须使用javascript。给你的输入标签一个像“day”这样的id

<?php
  if (isset($day))
    { print $day ; } 
   else { print " day is not set  " ;} ?>

使用javascript检索该值。当然,这段代码需要在更改输入时调用的函数中

<input type="number" name="day" class="form-control" id="day">
var day=document.getElementById('day').value;
最后,看起来是这样的,当输入中的值发生更改时,onchange事件侦听器调用您的函数:

<script type="text/javascript"> var day = document.getElementById('day').value; </script>

函数alertDay(){
var day=document.getElementById('day')。值;
警报(天);
}

您可以在jquery中使用ajax获取值,而无需重新加载页面。

使用此jquery脚本

<input type="number" name="day" class="form-control" id="day" onchange="alertDay()">

<script type="text/javascript"> 
function alertDay() {
    var day = document.getElementById('day').value; 
    alert(day);
}
</script>

$(文档).on('change','#day',function(){
var day=$('#day').val();
警报(天);
});
您可以使用change、input或onkeyup。单击“外部”后进行更改,然后运行此脚本输入每种字母类型并在键盘上运行此脚本键入每种字母类型并运行与输入相同的脚本


感谢您

通过此表单,现在我必须获得name=“day”的值


var dayValue=document.getELementByName(“名称”).value

此处没有任何表单标签@sietse85
<input type="number" name="day" class="form-control" id="day">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script type="text/javascript"> 

   $(document).on('change', '#day', function(){
      var day = $('#day').val(); 
      alert(day);
    });

</script>
<script>
var dayValue= document.getELementByName("name").value 
</script>