HTML-当前有两个文本输入字段,后跟一个“检查”按钮。
然后是带有一些预定位置的下拉菜单。
sum/2
JavaScript-我目前有一个if语句,用于检查文本框是否为空字符串“”。如果它们为空,则检查选择了哪个下拉列表。有一个事件侦听器来检查选定的下拉菜单。选择一个时,将调用weather()函数,并将纬度和经度坐标作为参数,在这种情况下,我已经输入了实际的数值,因为它们是通过Google搜索预先确定的。下拉部分目前可以正常工作。
<h4 class="subhead">Enter Coordinates of location</h4>
<label for="la" id="label1">Latitude</label>
<input type="text" name="coords" id="la" class="inputtext" placeholder="example: 53.48"><br>
<br>
<label for="Lo" id="label2">Longitude</label>
<input type="text" name="coords" id="lo" class="inputtext" placeholder="example: -2.24"><br>
<button id="check">Check</button>
<h4 class="subhead">Or select below</h4>
<select id="dropdown">
<option value="manchester" id="manchester" >Manchester</option>
<option value="hongkong" id="hongkong">Hong Kong</option>
<option value="london" id="london">London</option>
<option value="paris" id="paris">Paris</option>
<option value="berlin" id="berlin">Berlin</option>
<option value="nyc" id="nyc">New York</option>
<option value="kl" id="kl">Kuala Lumpur</option>
</select>
我目前不知道如何使文本框坐标部分起作用。我的理想结果是让用户输入一个纬度值和一个经度值,按下检查按钮,然后将他们输入的任何值存储在变量la和lo中。
发生这种情况时,条件语句的第一阶段将运行,因为文本框中的值不再=等于空字符串“”。
然后它将用用户输入的参数(la,lo)调用weather函数。
总而言之,我希望选中按钮将输入值提交给变量la和lo而不重新加载页面。然后再次运行选中的函数,该函数将执行第一个if语句,并使用用户选择的纬度和经度坐标调用天气函数。
对不起,如果这令人困惑,我是新来的。
答案 0 :(得分:0)
如果是有关将值分配给变量的问题,则:
var la, lo;
function update() {
if (document.getElementById('la').value != "" && document.getElementById('lo').value != "") {
weather(document.getElementById('la').value, document.getElementById('lo').value);
}
}
function weather(x, y){
la = x;
lo = y;
}
和HTML
<button id="check" onclick="update()">Check</button>