如何将文本字段值传递给Javascript中的变量

时间:2017-04-24 22:50:49

标签: javascript twitter-bootstrap

我有下面的脚本,我想将文本字段值传递给变量 并在警报窗口中显示

    <form name='searchdata' id="search_form" >
    <div class="col-xs-4" id="form_submit_ins">
    <label for="usr">Search Instance</label>
    <input type="text" class="form-control" id="ins" id"searchval" placeholder="Instance Name"><br/>
    <button class="btn btn-danger navbar-btn" onclick="form_submit();" >Search</button>
    </div>
    <div>

    </div>
    </form>
    </div>
     <script type="text/javascript">
      function form_submit() {
      var item = document.getElementById('searchval').value;
        alert(item);

    }

4 个答案:

答案 0 :(得分:2)

你有一个错字:

id"searchval"

应该是:

id="searchval"

答案 1 :(得分:0)

id应该等于searchval,即id="searchval"

答案 2 :(得分:0)

您的HTML有问题(它有两个ID字段吗?是否缺少&#34; =&#34;签署?

如果您将HTML修复为:

,您的代码应该有效
<input type="text" class="form-control" id="searchval" placeholder="Instance Name">

答案 3 :(得分:0)

您的input有两个id,它只能有一个id

变化:

<input type="text" class="form-control" id="ins" id"searchval" placeholder="Instance Name">

要:

<input type="text" class="form-control" id="searchval" placeholder="Instance Name">