document.getElementById（＆＃39; myid＆＃39;）。当输入类型为数字时，值无效

Question

我在codeigniter和ajax中做一个项目。 我的观点页面

<input type="number" id="quantityavailable" name="availableqty" required="required">

Ajax代码

<script> 
function getquantity(id)
    {
        //alert('this id value :'+id);
        $.ajax({
            type: "POST",
            url: '<?php echo base_url();?>material_issue/get_quantity/'+id,
            data: { id:id }, 
            success: function(data){
               //alert(data);
            document.getElementById('quantityavailable').value=data;
        },
         });
    }
</script>

控制器

public function get_quantity($id)
    {      
                    //print_r($id);exit();
                     $this->db->where("g_id", $id);
                     $query = $this->db->get('goods');
                     $val = $query->result_array();
                     echo $val[0]['g_qty'];

    }

我的问题是当我收到警报数据时，我得到了正确的结果。但结果不是在现场显示。 当我更改输入type="number"输入type="text"时，结果显示在右侧字段中。