我想将文本框中的用户输入存储到变量中,从而更改显示给用户的内容

时间:2018-11-13 19:18:23

标签: javascript

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语句,并使用用户选择的纬度和经度坐标调用天气函数。

对不起,如果这令人困惑,我是新来的。

1 个答案:

答案 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>