Laravel:在Form :: text上进行更改

时间:2017-04-01 09:49:02

标签: javascript php laravel

第一个Laravel项目。 每当我更改Form :: text中的输入时,我想运行一个脚本。到目前为止,我的代码看起来像这样:

观点:

@extends('layouts.master')
@section('title', 'Onchange test')
@section('main')
@parent
<script>
function showProduct(str) {
    if (str == "") {
        document.getElementById("txtHint").innerHTML = "";
        return;
    } else {
        if (window.XMLHttpRequest) {
            // code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        }
        xmlhttp.onreadystatechange = function() {
            if (this.readyState == 4 && this.status == 200) {
                var jsonObject = JSON.parse(this.responseText);                document.getElementById("nameHint").innerHTML = jsonObject['name'];
}
        };
        xmlhttp.open("GET","script/getproduct.php?q="+str,true);
        xmlhttp.send();
    }
}
</script>
{{ Form::open(array('url' => '/test'))}}
<table>
<tr>
<td>{{Form::text('barcode', null,['onchange'=>"showProduct(this.value)"])}}</td>
<td>
<td><div id="nameHint">Test</div></td>
</tr>
</table>
@endsection

php

<?php
$q = intval($_GET['q']);

$sql = DB::select('select * from inventory where barcode = ? LIMIT 1', [$q]);
$name = $sql[0]->name;

$test = $name;
echo json_encode(array("name"=> $name));
?>

但它并不令人耳目一新(它只显示了deffault“测试”)我错了什么?

1 个答案:

答案 0 :(得分:1)

试试这个

{!! Form::text('barcode', null,['onchange'=>"showProduct(this.value);"]) !!}
  

也可以按以下方式开始表格

{!! Form::open(['url' => 'foo/bar']) !!}
//
{!! Form::close() !!}
  

如需更多关注https://laravelcollective.com/docs/5.3/html