Sou inexperiente em javascript, e gostaria de uma ajuda nesse caso:
Tenho dois selects em meu documento:
<select id="estado">
<option value="MG">MG</option>
<option value="SP">SP</option>
<option value="RJ">RJ</option>
<option value="RJ">BA</option>
</select>
<select id="cidade">
<option value="Belo Horizonte">Belo Horizonte</option>
<option value="Betim">Betim</option>
<option value="Contagem">Contagem</option>
</select>
O comportamento esperado é que, ao clicar em um option do estado, ele substitua o select de id=cidade. Acredito que document.write seja a solução, porém, o conteúdo a ser substituído deve ser levado em conta a ordem do option clicado no select id=estado e não seu value.
Por exemplo:
O primeiro option substitui o select cidade para:
<select id="cidade">
<option value="Sou o primeiro">Sou o primeiro</option>
</select>
O segundo option substitui o select cidade para:
<select id="cidade">
<option value="Sou o segundo">Sou o segundo</option>
</select>
O terceiro substitui o select cidade para:
<select id="cidade">
<option value="Sou o terceiro">Sou o terceiro</option>
</select>
O quarto substitui o select cidade para:
<select id="cidade">
<option value="Sou o quarto">Sou o quarto</option>
</select>
O problema maior é que estes valores a serem substituidos devem ter referência pela ordem no select estado, e não pelo seu value. Ou seja, não importa o value do terceiro option do select #estado, não importa se será SP, RJ, MG ou BA, ele ao ser clicado, vai substituir o outro select com o terceiro código acima. Se clicar no segundo option, substitui pelo segundo código.
Bem é isso. Agradeço a todos que ajudarem.
select#cidade
por inteiro ou somente o seu "Conteúdo", as<option>
? Acho que não entendi bem a sua perguntajQuery
por exemplo?