首页 > 解决方案 > 从 PHP 页面中的 html 输入框获取值,无需重新加载页面

问题描述

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

如果设置了name="day"值,那么我如何获得这一天的值?我想做这样的,

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

标签: phphtmlcodeigniter-3

解决方案


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

<input type="number" name="day" class="form-control" id="day">

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

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

最后它看起来像这样,当输入中的值发生变化时,onchange 事件侦听器会调用您的函数:

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

推荐阅读