JS Dropdown menu gegevens uit tekstvelden halen

[mike643]

Hallo,

Ik heb gezocht op google, maar daar kan ik geen concreet antwoord vinden dus daarom vraag ik het hier.
Ik heb een aantal tekstvelden waar ik namen invoer. Verderop op de pagina heb ik een dropdown menu waarin ik graag de namen in wil hebben die in de verschillende tekstvakken staan. Is dit mogelijk met javascript?

[frickY]

Ja dat is mogelijk, en dat is ook zeker wel te vinden.
Al gezocht op "javascript select box custom values"

Dat je een exacte oplossing voor jouw vraagstelling vind lijkt me niet, maar je vind ongetwiijfelt stukken die je zelf kunt combineren.

[XWB]

Alles kan:

HTML:

<script type="text/javascript">

function addOptions ()
{
    var inputFields = document.getElementById('theform').getElementsByTagName('input');
    var selectNames = document.getElementById('names');
    
    for (var i = 0; i < inputFields.length; i++)
    {
        if (inputFields[i].type == 'text')
        {
            var option = document.createElement('option');
            option.value = inputFields[i].value;
            option.appendChild(document.createTextNode(inputFields[i].value));
            
            selectNames.appendChild(option);
        }
    }
}

</script>

<form id="theform">
    <p><input type="text" name="field1" /></p>
    <p><input type="text" name="field2" /></p>
    <p><input type="text" name="field3" /></p>
    <p><input type="button" value="Toevoegen" onclick="addOptions();" /></p>
    <p><select name="names" id="names"></p>
</form>