javascript - 下拉列表根据文本字段值变化

Question

我不太擅长 javascript，我什至不知道这是否可行。

我试图根据文本字段的值选择一个下拉列表

我有以下文本字段，它是通过将成人人数和 child 人数相加计算得出的。

<input type="text" name="Total" id="Total" onfocus="this.blur()"/>

我想做的是根据 Total 的值进行以下下拉更改。即如果 Total 小于 10，则下拉列表显示 1 小时，在 10 到 20 之间显示 2 小时等

<select name="Duration">
<option value="1">1 Hr</option>
<option value="2">2 Hrs</option>
<option value="3">3 Hrs</option>
<option value="4">4 Hrs</option>
</select>

Answer 1

我认为这是你需要走的大方向(我只包括总数小于 10 的情况，所以你需要将其他情况添加到 if 语句中):

<input type="text" name="Total" id="Total" onfocus="this.blur()" onblur="if(this.value < 10) { document.getElementById('totalDropDown').value = 1; }"/>

<select name="Duration" id="totalDropDown">
    <option value="1">1 Hr</option>
    <option value="2">2 Hrs</option>
    <option value="3">3 Hrs</option>
    <option value="4">4 Hrs</option>
</select>