拉式表单输入的JavaScript问题

我想从表格中提取城市名称。并将其放在var顶部的dallas位置，这样当有人输入城市名称时，它会自动用正确的城市名称更新var。我为早些时候的长篇大论道歉。堆栈溢出需要更多

及

$（文档）.ready（函数（）{
//$（“#提交”）。单击（函数（）{
//警告（“该段落被点击”）；
//}）；//提交按钮单击
var city=“dallas”如果要获取此字段表单的值：

<input  type="text" name="city" value="cityname"  >

下面是整个实现的一个示例：

$(document).ready(function() {
    $("#forminfo").on("submit", function(e) {
        e.preventDefault();
        var city = $("input[name='city']").val(); 
        console.log(city);         
        $.get("http://api.openweathermap.org/data/2.5/weather?q="+ city + "&&units=imperial&APPID=46468f48fc0759e3d79e69e4127838da"   //api call with imperial units
        ,function(data){
            console.log(data);
            $("#weather").append(data.name);   // City name
            $("#temp").append(data.main.temp)  //temp pull
        });
    });
});

在我发布之前，我曾经尝试过该代码的另一个版本，现在我刚刚尝试过，它的所有变量都是cityname这个词。因为你需要将该代码（加上ajax GET代码）添加到“onclick”或“submit”中事件函数！好的，我试试看。我还不精通ajax，所以我会处理它。t看看我添加的拉动城市的示例。这就是我遇到的问题。我没有意识到提交的链接。
var city = $("input[name='city']").val();

$(document).ready(function() {
    $("#forminfo").on("submit", function(e) {
        e.preventDefault();
        var city = $("input[name='city']").val(); 
        console.log(city);         
        $.get("http://api.openweathermap.org/data/2.5/weather?q="+ city + "&&units=imperial&APPID=46468f48fc0759e3d79e69e4127838da"   //api call with imperial units
        ,function(data){
            console.log(data);
            $("#weather").append(data.name);   // City name
            $("#temp").append(data.main.temp)  //temp pull
        });
    });
});

var city = "";
$("input[name='city']").blur( function() { 
    city = $("input[name='city']").val();
 } )