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問題與拉單輸入

回答

相關問題