Atribuindo tags html a uma variável em jQuery

[hugochristian 0]

Bom dia, sou novo por aqui. Já pesquisei em vários tópicos, porém não consegui encontrar a solução para o que preciso.

 

Preciso atribur uma tag em html para uma variável em jquery.

 

Entendendo a situação:

 

<form>
<label>
<select name="selecione" id="selecione" class="selectioPagamentoHost">
<option value="selecionar" id="selecionar" selected>Selecione a forma</option>
<option value="mensal" id="SuperMensal">Mensal</option>
<option value="trimestral" id="SuperTrimestral">Trimestral</option>
<option value="semestral"id="SuperSemestral">Semestral</option>
<option value="anual" id="SuperAnual">Anual</option>
<option value="bi-anual" id="SuperBi-anual">Bi-Anual</option>
</select>
</label>
</form>

 

Neste formulário, o cliente selecionará a forma de pagamento. Ao selecionar a forma de pagamento, deverá aparecer em uma div abaixo o botão para efetuar o cadastro para pagamento, porém as páginas de pagamento variam de acordo com a forma selecionada.

 

<div id="compraSuper">
<!--Nessa div deverá aparecer o botão-->
</div>

 

Até agora, consegui fazer a programação da seguinte forma:

 

$(function(){
$("#selecione").change(function(){
var escolha = $("#selecione option:selected").html();
$("#compraSuper").html(escolha);
});
});

 

Neste caso, ao selecionar a forma de pagamento, aparece o valor da option do formulário. Preciso que apareca o botão...

 

 

Já pesquisei em vários sites e não consigo encontrar uma solução para isso.

 

Agradeço desde já...

[wanderval 19]

$(function(){
    $("#selecione").change(function(){
        $("#compraSuper").html('');
        var escolha = $("#selecione option:selected").val();
        var botton = '';
        switch(escolha){
           case 'mensal'    : button = '<a href="cad_mensal.html"></a>';break;
           case 'trimestral': button = '<a href="cad_trimestral.html"></a>';break;
        }
    
    $("#compraSuper").html(button);
    });
});

Bom não sei se era isso que queria mais utilizei a tag ancor ela pode ser substituida pela input[type=button], espero ter ajudado

[hugochristian 0]

$(function(){
    $("#selecione").change(function(){
        $("#compraSuper").html('');
        var escolha = $("#selecione option:selected").val();
        var botton = '';
        switch(escolha){
           case 'mensal'    : button = '<a href="cad_mensal.html"></a>';break;
           case 'trimestral': button = '<a href="cad_trimestral.html"></a>';break;
        }
    
    $("#compraSuper").html(button);
    });
});

Bom não sei se era isso que queria mais utilizei a tag ancor ela pode ser substituida pela input[type=button], espero ter ajudado

 

 

Infelizmente não funcionou, o que é preciso é mudar um botão para cada option selecionado...

Algo mais ou menos assim:

 

$(function(){

$("#selecione").change(function(){

$("#compraSuper").html('');

var escolha = $("#selecione option:selected").val();

var botton = '';

switch(escolha){

case 'SuperMensal' : button = "<form method='post' action='https://www.moip.com.br/Process.do'><input type='hidden' name='method' value='digitalsale'/><input type='hidden' name='eproduct_id' value='69748'/><input type='hidden' name='type' value='1'/><input type='image' name='submit' src='https://static.moip.com.br/imgs/buttons/bt_comprar_c01_e04.png' alt='Hospedagem SUPER - MENSAL' border='0' /></form>";break;

case 'SuperTrimestral': button = "<form method='post' action='https://www.moip.com.br/Process.do'><input type='hidden' name='method' value='digitalsale'/><input type='hidden' name='eproduct_id' value='69751'/><input type='hidden' name='type' value='1'/><input type='image' name='submit' src='https://static.moip.com.br/imgs/buttons/bt_comprar_c01_e04.png' alt='Hospedagem SUPER - Trimestral' border='0' /></form>";break;

}

$("#compraSuper").html(button);

});

});

Mas não muda o botão quando a option é mudada

Obrigado

[wanderval 19]

var escolha = $("#selecione option:selected").val();

por 

var escolha = $("#selecione option:selected").attr('id');

O motivo pode ser porque substitui a função text() por val() e o valor do case são os valores do option segundo a sua comparação no case esta usando o id da option e não o val() tente alterar esse trecho do codigo então funcionara com a sua logica

[hugochristian 0]

var escolha = $("#selecione option:selected").val();

por 

var escolha = $("#selecione option:selected").attr('id');

O motivo pode ser porque substitui a função text() por val() e o valor do case são os valores do option segundo a sua comparação no case esta usando o id da option e não o val() tente alterar esse trecho do codigo então funcionara com a sua logica

 

 

Agora funcionou.

 

Agradeço muito pela sua ajuda :joia:

[wanderval 19]

fico contente por ter ajudado !