如何从输入表单中获取文本?

时间:2018-03-22 00:03:33

标签: javascript html forms input

输入表单:我可以输入随机文本并在控制台中获取输出,如下所示:" getWeather.html?city = London:76"

这是代码:

HTML:

<form>
    <input type="text" name="city" placeholder="Enter City here..">
    <input type="submit" value="Submit">
</form>

JavaScript的:

var input = $('input')[0].form.city.value;
console.log(input);

但是,我想将输入直接输入变量。在这种情况下,&#39;伦敦&#39;

1 个答案:

答案 0 :(得分:2)

据我所知,你获得城市价值的方式是错误的。 在这里,我使用带有属性值查找的JQuery选择器。选择器基本上说:查找属性name等于city的每个输入。
然后我使用val()函数来获取值。我添加了一个ev参数,这是Javacript事件,我使用ev.preventDefault();停止了它。这可以防止页面重新加载。
总而言之,我只是console.log的价值。

&#13;
&#13;
$('form').on('submit', function(ev) {
  ev.preventDefault();
  var value = $('input[name=city]').val();
  console.log(value);
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
    <input type="text" name="city" placeholder="Enter City here..">
    <input type="submit" value="Submit">
</form>
&#13;
&#13;
&#13;