Dragon Dragon - 1 year ago 106
HTML Question

Populate HTML select using Javascript

I'm trying, without success, to fill an html select by using javascirpt (jquery).

I know how to fill a select with jquery (by using the method 'append').

What I can't do is that I have to read the value for the select, from a string that is in the following format: "AA,B,CCC,DD,E"; So the various values are separeted by a comma.

The result have to be the following:

<select id="select">
<option value="AA">AA</option>
<option value="B">B</option>
<option value="CCC">CCC</option>
<option value="DD">DD</option>
<option value="E">E</option>

Can someone help me ??

Thanks :)

How can I insert as 'value' for the select the values obtained from another string in the same format (str2= "1,2,3,4,5") ?

<select id="select">
<option value="1">AA</option>
<option value="2">B</option>
<option value="3">CCC</option>
<option value="4">DD</option>
<option value="5">E</option>

Sorry for this questions, but I'm really new in js and jquery.

Thanks ;)

Answer Source

I have resolved it this way:

    var str = "AA,B,CCC,DD,E";
    var str2 = "1,2,8,4,5";
    str = str.split(',');
    str2 = str2.split(',');

    $.each(str, function (idx, val) {
         $('#select1').append("<option value='" + str2[idx] + "'> " + val + " </option>");

Thank you very much :)

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download