输入表单:我可以输入随机文本并在控制台中获取输出,如下所示:" 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;
答案 0 :(得分:2)
据我所知,你获得城市价值的方式是错误的。
在这里,我使用带有属性值查找的JQuery选择器。选择器基本上说:查找属性name
等于city
的每个输入。
然后我使用val()
函数来获取值。我添加了一个ev
参数,这是Javacript事件,我使用ev.preventDefault();
停止了它。这可以防止页面重新加载。
总而言之,我只是console.log
的价值。
$('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;