Ajax下拉列表可使用Yahoo Weather搜索输入以查找天气

Question

我有此代码，如果选择该代码，它将提供城市的下拉列表，以便为我提供该特定城市的天气。 使用Yahoo API提取数据。

这是代码，

<HTML>
<HEAD>
<TITLE>Find Weather in major cities around the worl</TITLE>
<META NAME="Keywords" CONTENT="ajax, weather, api, fetch, yahoo">
<META NAME="Description" CONTENT="yahoo, weather">
<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<link rel="stylesheet" type="text/css" href="style.css" />
<SCRIPT type="text/javascript">
<!--

$(document).ready(function(){

function get_weather()
{
var p = $("#code").val();

var u = ($('#u').attr('checked')) ? '&u=c' : '';
var to_load = 'get_weather.php?p='+ p + u;

$("#weather").html('<img style="margin-top: 104px;" src="ajax-loader.gif"   align="absmiddle">');

$("#weather").load(to_load);
}

$(window).load(get_weather); // Trigger "get_weather" when the window loads

// Trigger "get_weather" when the form objects are used
$("#code").change(get_weather);
$("#u").click(get_weather); 
});

//-->
</SCRIPT>

</HEAD>

<BODY>

<A target="_blank" HREF=""></A>

<center>

<div align="center">

<h2 align="center">Find World Weather</h2>

<form>
Get Weather for: <select id="code" name="code">
<option value="AFXX0001">Ghurian</option>
<option value="AFXX0002">Herat</option>
<option value="UKXX0687">Buckingham, United Kingdom</option>
<option value="ASXX0001">Adelaide, Australia</option>
</select>

<input type="checkbox" id="u" name="u" value="c">&nbsp;Change to degrees Celsius
</form>

<div id="weather"></div>
</div>
</center>
</BODY>
</HTML>

但是我需要的是下拉列表位置的搜索框，当我输入城市时，我应该获取该位置的天气信息。 我是一个初学者，所以请像这样对待我，并简化您的所有答案。 非常感谢。

Answer 1

我想您可能会为此感到困惑，因为您需要了解来自Yahoo的每个位置的WOEID。 从外观上看，没有简单的方法可以通过编程的方式来实现。 我认为您最好使用其他天气服务，例如http://api.openweathermap.org/data/2.5/weather?q=Birmingham,uk

看来他们会自己对地址进行地理编码，但是您始终可以将Google地理编码api与该服务结合使用。

Ajax下拉列表可使用Yahoo Weather搜索输入以查找天气

问题描述

1 个解决方案

解决方案1
0 2013-10-21 20:47:49

Ajax下拉列表可使用Yahoo Weather搜索输入以查找天气

问题描述

1 个解决方案

解决方案1 0 2013-10-21 20:47:49

解决方案1
0 2013-10-21 20:47:49