Como alterar o value de campo hidden através de um combobox

[Paulo145 0]

Olá ! Caros colegas,

 

Estou necessitando montar um formulário onde através da escolha do ComboBox altere-se o value de um campo hidden.

 

Consultei diversas vezes a Documentação do Jquery mais não obtive nenhuma informação que me frnecesse a informação necessária para faze-lo.

 

Consegui somente isso aqui

 

<script>
/*

*/
$(document).ready(function () {

    $('a').click(function(event) {
        $('#modo').val($( this ).attr('href'));
    });

;});
</script>

 

e o html ai embaixo:

 

<form action="ver2.php" method="post">

<input type='hidden' name='modo' id='modo' value='' />

<input name="" type="submit" value="Enviar" />
</form>

 

No exemplo acima que aliás encontrei aqui no fórum só consegui alterar o valor do hidden através de link's.

 

Enfim, quem puder meu ajudar serei eternamente Grato !....

 

Desde já obrigado.

[William Bruno 1501]

basta trocar:

$('a').click(function(event) {

por:

$('select').change(function(event) {

lembrando q vc pode informar a class ou id do teu select.

[Paulo145 0]

Pesquisando por ai encontrei um solução para o problema utilizando o Javascript mesmo sem o Jquery.

 

Abaixo segue o Javascript:

<script type="text/javascript">
/*
var indexSelect = document.getElementById("teuSelect").selectedIndex;
var valueSelected = teuform.teuselect.options[indexSelect ].value;
*/
			function mudar(){
				document.getElementById('hidden').value;
				//document.getElementById('hidden').value = 'TESTANDO ESSA PORRA QUE TA DANDO UMA DOR DE CABEÇA DO CARALHO'
				document.getElementById('hidden').value = document.getElementById("tamanho").value;
			}			
			window.onload = function(){
				document.getElementById('tamanho').onchange = mudar
			}
		</script>

 

Agora segue o html do formulário da Página:

    <form action="ver2.php" method="post">
		<input type="hidden" id="hidden" name="hidden"	value="Valor Inicial" />
		<input type="button" id="botao"	 value="Altera o Valor do Hidden" />
        
        <select id="tamanho" name="tamanho">
        <option value="Brotinho">Brotinho - R$ 25,00</option>
        <option value="Média">Média - R$ 30,00</option>
         <option value="Grande" >Grande - R$ 35,00</option>        
        </select>
        
      <input type="submit" name="button" id="button" value="Submit">
    </form>

 

 

ai agora é criar o arquivo ver2.php e seguir com o seguinte código:

echo $_POST["hidden"];

 

daí para frente é ver no que dá para implementar.

 

Mas continuo procurando uma solução com Jquery.

[angelorubin 142]

Bom dia,

 

Para pegar um valor do option selecionado no select e depois colocar no value do campo hidden, você pode fazer assim:

 

jQuery

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<script type="text/javascript">

$(function(){
	$('#tamanho').on('change', function(){
		tamanho = $('option').filter(':selected').prop('value');
		$('#hidden').not('visible').prop('value',tamanho);
	})
})

</script>

XHTML

<form action="ver2.php" method="post">
    <input type="hidden" id="hidden" name="hidden"	value="Valor Inicial" />
    <input type="button" id="botao"	 value="Altera o Valor do Hidden" />
    <select id="tamanho" name="tamanho">
    	<option value="Brotinho">Brotinho - R$ 25,00</option>
    	<option value="Média">Média - R$ 30,00</option>
		<option value="Grande" >Grande - R$ 35,00</option>        
    </select>
  	<input type="submit" name="button" id="button" value="Submit">
</form>

Espero que ajude.