从按钮输入不起作用

Question

以下是我的表单

的html代码

 <form id="taxi_distance_input" >




<div class="col-md-8" style="display: inline-block; left:-30px">
<div class="col-md-4">
<div class="input-group">

  <input type="text" class="form-control" id="usr"> </input>
<span class="input-group-addon" style="width: 50px">km</span>
</div>
</div>
<div class="col-md-4" style="padding-left:0px; margin-left:-10px">

 <input type="button" class="btn btn-success" value="Submit" id="myButton"> </input>

</div>
</div>
<p>&nbsp;</p>
</form>

在页面底部我给出了

<script src="/js/form_input_parameter.js"></script>

在form_input_parameter.js中，我编写了脚本

$(document).ready(function(){
    $('#myButton').click(function(){
        var text =  $("#usr").val();
        alert(text+"success");
 });

但它没有用。感谢任何帮助

Answer 1

1. 您已经忘记了JS代码末尾的});
2. input代码应以/>
结尾
＆＃13;
＆＃13;
$(document).ready(function() {
  $('#myButton').click(function() {
    var text = $("#usr").val();
    alert(text + " success");
  });
});
＆＃13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" class="form-control" id="usr" />
<input type="button" class="btn btn-success" value="Submit" id="myButton" />
＆＃13;
＆＃13;
＆＃13;