Jump to content
kamacete

Utilizar uma combobox com mais que 4 opções

Recommended Posts

kamacete

Boa tarde,

Estou com um problema com uma combobox que deverá actualizar automaticamente após actualizar a anterior.

tenho o código a funcionar para duas comobox's, no entanto necessitava de juntar mais uma ou duas que irão receber o valor que foi selecionado na comobox anterior e seguir com a selecção, mas não estou a encontrar forma de:

será que me podem ajudar?

Obrigado

Exemplo do HTML:

<html>
<head>

<script type="text/javascript" src="js/script2.js">
</script>
</head>


<body>
<form id="form1" method="post" > 
    <select name="combo1" onChange="change (this);">
    
        <option value="0"> Choose an option </option>
        <option value="1"> opção A </option>
        <option value="2"> opção B </option>
        <option value="3"> opção C </option>
    
    </select>
    <br/>
    <select name="combo2"
    </select>
    
    <br/>
    <select name="combo3"
    </select>
    
</form>
</body>
</html>


EXEMPLO JS:

// JavaScript Document

var arr = new Array();
arr[0] = new Array("choose an option");
arr[1] = new Array("Portugal", "Espanha");
arr[2] = new Array("um", "dois","tres");

function change (combo1)
{
    var comboValue = combo1.value;
    document.forms["form1"].elements["combo2"].options.length=0;
    for(var i=0; i<arr[comboValue].length; i++)
    
        {
            var option = document.createElement('option')
            option.setAttribute("value", i+1);
            option.innerHTML = arr[comboValue];
            document.forms["form1"].elements["combo2"].appendChild(option);
           }

        

}

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.