Question

I am not very good with javascript and I dont even know if this is possible.

Im trying to get a dropdown to be selected depending on the value of a text field

I have the following text field which is calculated by adding the Number of Adults and Children together.

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

What I would like to do is depending on the value of the Total have the following dropdown change .ie if Total is less than 10 have the dropdown show 1 Hr, between 10 and 20 show 2 Hrs etc

<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

I think this is the general direction that you would need to go (I am only including the case where the total is less than 10, so you would need to add the other situations to the if statement):

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