Tenho uma dropdown list
que tira as suas opções de uma base de dados mysql
. O valor é armazenado numa variável com o Script Js. O botão devolve-nos a informação selecionada na opção 3. Depois de selecionar o valor ele é guardado em uma variável.
Vamos dizer que eu escolha uma opção "ABC" e guardo em uma variável, então quero usar essa variável para abrir um arquivo html
chamado ABC.html
no meu localhost.
Basicamente o objetivo é redirecioanr o usuário para a página relacioando com sua escolha.
aqui meu Script:
<html>
<head>
<script>
function getOption() {
var obj = document.getElementById("choosedOP");
document.getElementById("demo").innerHTML =
obj.options[obj.selectedIndex].text;
}
</script>
<title>ComboBox Ajax, PHP y MySQL</title>
<script src="includes/js.js"></script>
</head>
<body onload="getOp1();">
<div id="op1"></div> <br />
<div id="op2"></div> <br />
<div id="op3"></div>
<input type="button" onclick="getOption()" value="Click Me!">
</form>
<p id="demo"></p>
</body>
</html>
Como posso fazer para ao acionar o botão "click Me", o utilizador seja redirecionado para a página escolhida ? Ou seja, usar o valor da var obj
e abrir a página com o nome armazenado.
Por exemplo, ao escolher a opção ABC , é redirecionado para uma página localhost/abc.html ?
js.js
? 2- Vejo um fechamento da tag</form>
, mas não vejo sua abertura . 3- Não consigo identificar o identificadorchoosedOP
. E finalizando isso não deveria estar sendo realizado através do elementoselect
?