Foco em campos input

[oversight 0]

People,

 

 

Estou usando o script abaixo para gerar mais campos input de acordo com a necessidade, porém não consigo setar o foco no primeiro campo.

 

Alguma idéia?

// JavaScript Document
$(function () {
	function removeCampo() {
		$(".removerCampo").unbind("click");
		$(".removerCampo").bind("click", function () {
			i=0;
			$(".categorias p.campoCategoria").each(function () {
				i++;
			});
			if (i>1) {
				$(this).parent().remove();
			}
		});
	}
	removeCampo();
	$(".addCampo").click(function () {
		novoCampo = $(".categorias p.campoCategoria:first").clone();
		novoCampo.find("input").val("");
		novoCampo.insertAfter(".categorias p.campoCategoria:last");
		removeCampo();
	});
});

Valeu!

[William Bruno 1501]

não seria algo como:

$(".categorias p.campoCategoria:first").focus();

?

 

a declaração da function removeCampo() {} não precisa ficar dentro do document.ready

.. coloca lá embaixo, depois de fechar.

 

poste o html referente a este trecho, assim podemos rodar o teu script e testar.

[oversight 0]

Willian Bruno,

 

Este é o trecho do código:

 

echo "<p class='campoCategoria'>";

echo "<label for='Categoria'>Categoria:</label>";

echo "<input name='txtCat[]' type='text' id='txtCat[]' maxlength='15' />";

echo "<a href='#' class='removerCampo'><img src='remove.png' border='0' width='18' height='18' alt='Remover Categoria' /></a>";

echo "</p>";

echo "<p>";

echo "<a href='#' class='addCampo'><img src='add.png' border='0' width='18' height='18' alt='Adicionar Categoria' /></a>";

echo "</p>";

 

Obrigado