[Resolvido] Ajax cria textbox

[haruan 0]

tenho uma combobox com os itens 1, 2 e 3,

por padrao ela vem co o item 1 selecionado, e para este item nao deve existir uma textbox depois,

agora se eu seleciono o item 2 ou o 3 eu preciso que depois da combobox apareça a textbox.

E nao posso dar refresh na pagina, tem como fazer?

[srnetcave 1]

Tem sim, voce esta usando algum framework? Dojo, JQuery ou algum outro?

 

Segue um exemplo utilizando JQuery...

 

<script type="text/javascript">
	$(document).ready(function(){
		$('#sel').change(function(){
			if($(this).val() == 2)
			{
				$(this).after("<input id='txt2' type='text' value='Com Textbox 2' />");
			}
			else
			{
				$('#txt2').remove();
			}
		});
	});
</script>

Este é apenas um exemplo basico para voce ter uma idéia. Se quiser algo mais complexo posta ai.

[haruan 0]

Valeu, era exatamente isso, por sinal estou usando JQuery.

 

Agora tem algo mais complicado que eu preciso fazer com a textbox.

 

quando eu carrego a pagina com ela no codigo, meu datepicker carrega normal,

agora quando o ajax cria a textbox, o datepicker nao funciona.

 

estou usando

 

jQuery UI Datepicker 1.7.2

 

O script para criar a textbox ficou assim

 

 

$('#datetype').change(function(){
										   
				        $('#datepicker1').remove();
						
                        if($(this).val() != "All" )
                        {
                                $(this).after('<input type="text" id="datepicker1" name="datapicker1" size="10" value="<?echo $varDtData;?>" readonly />');
                        }
						
                });

[William Bruno 1501]

você tera que atrelar o datepicker depois de criar o elemento.. procure pelo metodo bind() por exemplo.

[haruan 0]

Achei na parte de jquery aqui no forum, um cara ocultando div via show e hide,

alterei o script para

 

$('#datepicker1').hide();
			
            $('#datetype').change(function(){
										   
						
                       if($(this).val() != "All" )
                        {
				        	$('#datepicker1').show();
                        } else {
				        	$('#datepicker1').hide();
						}
                });

e coloquei o campo para iniciar com a pagina, e funcionou certinho

Valeu.