JavaScript问题与拉单输入

我想从形式拉城市名称。并将其放置在顶部的var表示达拉斯的地方，以便当有人进入城市名称时，它会自动更新带有正确城市名称的var。我为早起的啰嗦言论道歉。堆栈溢出想要更多。JavaScript问题与拉单输入

http://stackoverflow.com/questions/23982774/turn-html-form-input-into-javascript-variable

和

http://stackoverflow.com/questions/169506/obtain-form-input-fields-using-jquery 


<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
    <meta charset="utf-8"> 
    <link rel="stylesheet" type="text/css" href="style.css"></style> 
    <script type="text/javascript" rel="script" type="script" href="script.jss"></script> 
    <script type="text/javascript" src='http://code.jquery.com/jquery-1.10.2.min.js'></script> 
    <script type="text/javascript"> 

     $(document).ready(function() { 

      // $("#submit").click(function(){ 
      // alert("The paragraph was clicked."); 
      // }); // Submit button click 




      var city = "dallas"  <==== code to pull from form 
       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 
      }); 
     });  




    </script> 


</head> 
<body> 
    <div id='wrapper'> 

     <div id = "formdiv"> 

     <form id= "forminfo"> 

      <input type="text" name="city" value="cityname" > <---this 
      <input id = "submit" type="submit" ></input> 
     </form> 


     </div> 
     <div id = 'weather'> </div> 
     <div id='temp'> <p></p> </div> 


</body> 
</html>

来源

2017-03-04 David Hollenbeck

如果你谈论的是抓住本场形式的值：

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

你可以这样来做：

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 
     }); 
    }); 
});

来源

2017-03-04 22:03:20

试过代码甚至尝试了不同版本的它之前，我贴我只是想现在和它的所有的变种把这个词城市名。 –

因为您需要将此代码（加上ajax GET代码）添加到“onclick”或“submit”事件函数中！ –

好吧生病了。不熟悉ajax，所以我会努力。 Ty –

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

来源

2017-03-04 22:09:59

JavaScript问题与拉单输入

回答

相关问题