javascript - 将输入值传递给 Laravel 下的 javascript

Question

我有一个带有输入字段的 HTML 表单。我正在尝试从输入字段获取数据并将其传递给 JavaScript 函数进行处理。我试图获取“tenantid”的值，但在弹出窗口中显示该值时我得到的唯一结果:

first objectHMTLFormElement

如何将表单中输入的值获取到 Javascript 代码？

TIA

我有:testing.blade.php

    <script type="text/javascript" src="{{ URL::asset('js/test.js') }}">
    </script>

    [.. snip ..]

    <form id="oogie" class="form-horizontal" role="form" method="POST" action="{{ url('') }}/dashboard">      
                {{ csrf_field() }}


            <div class="form-group{{ $errors->has('tenantid') ? ' has-error' : '' }}">
                    <label for="tenantid" class="col-md-4 control-label"> Tenant ID </label>

                    <div class="col-md-6">
                        <input id="tenantid" type="integer" class="form-control" name="tenantid" value="{{ old('tenantid') }}" required autofocus>

                        @if ($errors->has('tenantid'))
                            <span class="help-block">
                                <strong>{{ $errors->first('tenantid') }}</strong>
                            </span>
                        @endif
                    </div>
                </div>
      </form>

      [... snip ...]

      <button class="ClickMe" onclick="testme();">Click me</button> 

test.js

function testme()
{
alert("got in");
var parameters = document.getElementById("oogie");

alert("first " + parameters );

}

Answer 1

这是因为您的脚本并不尝试访问该字段的值，而是尝试访问该字段本身。

您应该使用document.getElementById(ID).value。这将解决您的问题。