【问题标题】:How to create a function to calculate values based on location and time?如何创建一个函数来根据位置和时间计算值?
【发布时间】:2019-01-26 20:28:55
【问题描述】:

我正在设置一个下拉菜单,允许用户选择他们希望使用滑雪胜地的时间。 但是,我还有一个下拉菜单,指定用户来自哪里。 根据用户预订度假村的时间,度假村将收取各种价格 (3),并根据用户所在的位置,对价格征收适当的税费。

如何为“book”按钮创建一个能够计算所有三个变量的函数:时间、位置和税率?

<script>
    // this is my loop variable for states //
    var states = ['Alabama', 'Alaska', 'American     Samoa', 'Arizona', 'Arkansas', 'California', 'Colorado', 'Connecticut', 'Delaware', 'District of Columbia', 'Federated States of Micronesia', 'Florida', 'Georgia', 'Guam', 'Hawaii', 'Idaho', 'Illinois', 'Indiana', 'Iowa', 'Kansas', 'Kentucky', 'Louisiana', 'Maine', 'Marshall Islands', 'Maryland', 'Massachusetts', 'Michigan', 'Minnesota', 'Mississippi', 'Missouri', 'Montana', 'Nebraska', 'Nevada', 'New Hampshire', 'New Jersey', 'New Mexico', 'New York', 'North Carolina', 'North Dakota', 'Northern Mariana Islands', 'Ohio', 'Oklahoma', 'Oregon', 'Palau', 'Pennsylvania', 'Puerto Rico', 'Rhode Island', 'South Carolina', 'South Dakota', 'Tennessee', 'Texas', 'Utah', 'Vermont', 'Virgin   Island', 'Virginia', 'Washington', 'West Virginia', 'Wisconsin', 'Wyoming'];

    for (var s = 0; s < states.lenghth; s++); {

       console.log(states);

       for (t = 0; t <= 24; t += 1) {
          console.log(t);
       }
    }
</script>

<select>
    <option value ='00'>Choose your lift ticket time</option>
    <option value ='0'>06:00 - 12:00</option>
    <option value ='1'>12:00 - 18:00</option>
    <option value ='2'>18:00 - 24:00</option>

    </select>

<select>
    <option value ='00'>Choose your State</option>
    <option value="AL">Alabama</option>
    <option value="AK">Alaska</option>
    <option value="AZ">Arizona</option>
    <option value="AR">Arkansas</option>
    <option value="CA">California</option>
    <option value="CO">Colorado</option>
    <option value="CT">Connecticut</option>
    <option value="DE">Delaware</option>
    <option value="DC">District Of Columbia</option>
    <option value="FL">Florida</option>
    <option value="GA">Georgia</option>
    <option value="HI">Hawaii</option>
    <option value="ID">Idaho</option>
    <option value="IL">Illinois</option>
    <option value="IN">Indiana</option>
    <option value="IA">Iowa</option>
    <option value="KS">Kansas</option>
    <option value="KY">Kentucky</option>
    <option value="LA">Louisiana</option>
    <option value="ME">Maine</option>
    <option value="MD">Maryland</option>
    <option value="MA">Massachusetts</option>
    <option value="MI">Michigan</option>
    <option value="MN">Minnesota</option>
    <option value="MS">Mississippi</option>
    <option value="MO">Missouri</option>
    <option value="MT">Montana</option>
    <option value="NE">Nebraska</option>
    <option value="NV">Nevada</option>
    <option value="NH">New Hampshire</option>
    <option value="NJ">New Jersey</option>
    <option value="NM">New Mexico</option>
    <option value="NY">New York</option>
    <option value="NC">North Carolina</option>
    <option value="ND">North Dakota</option>
    <option value="OH">Ohio</option>
    <option value="OK">Oklahoma</option>
    <option value="OR">Oregon</option>
    <option value="PA">Pennsylvania</option>
    <option value="RI">Rhode Island</option>
    <option value="SC">South Carolina</option>
    <option value="SD">South Dakota</option>
    <option value="TN">Tennessee</option>
    <option value="TX">Texas</option>
    <option value="UT">Utah</option>
    <option value="VT">Vermont</option>
    <option value="VA">Virginia</option>
    <option value="WA">Washington</option>
    <option value="WV">West Virginia</option>
    <option value="WI">Wisconsin</option>
    <option value="WY">Wyoming</option>
</select>
<button onclick="calcPrice();">book</button>

【问题讨论】:

  • 你尝试过什么,你在哪里卡住了?有一些示例和教程用于在 JavaScript 中对按钮单击事件调用函数,我们鼓励您从其中任何一个开始。看起来您已经尝试调用该函数,但您从未定义该函数。回到您正在使用的示例/教程,看看它们是如何定义函数的。

标签: javascript html arrays loops


【解决方案1】:

您需要定义一个 JavaScript 函数,该函数从每个下拉框中获取值,然后执行所需的操作。

创建一个 JavaScript 函数,并使用这段代码从下拉列表中接收值。

var e = document.getElementById("id_of_drop_down").value;

欢迎来到 SO!并确保在您询问之前先 Google 一下!

【讨论】:

    猜你喜欢
    • 2022-11-29
    • 2022-10-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-09-13
    • 2022-01-05
    • 2014-11-12
    • 2019-03-11
    相关资源
    最近更新 更多