Question

How to populate a select option value is add by 4 and the label is start at 0.5 in jQuery?

for example;

<select>
     <option value="4">0.5</option>
     <option value="8">1.0</option>
     <option value="12">1.5</option>
</select>

and will end to

<option value="480">60.0</option>

I dont want to code it one by one and multiply it by 4 in every value.. I had a hard time searching for an answer. I’m not a javascript programmer. waaaahhh!
Please help me out of this guys!
Thanks in advance!

Answer 1

jQuery

var select = $('select');
for(var v = 4, t = 0.5; v <= 480; v = v + 4, t = t + 0.5) {
    select.append('<option value="' + v + '">' + t + '</option>');
}

http://jsfiddle.net/infernalbadger/pCjdX/

As a function:

var select = $('select');

populateDropDown($('select'), 4, 480, 4, 0.5, 0.5);

function populateDropDown(select, startValue, endValue, incrementValue, startText, incrementText) {
    for(var v = startValue, t = startText; v <= endValue; v = v + incrementValue, t = t + incrementText) {
        select.append('<option value="' + v + '">' + t + '</option>');
    }
}

http://jsfiddle.net/infernalbadger/pCjdX/1/