Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Jonas Emanuel

Não repetir lista.

Por , em Javascript

Recommended Posts

Jonas Emanuel    0

Jonas Emanuel
Postado

Pessoal, tenho um button que ao ser clicado ele retorna em uma lista com o que eu selecionei nos dropdowns, se eu escolher outras opções no dropdown ele vai criar outra lista com resultados diferentes porém, em baixo da anterior, como faço para ele excluir a primeira lista e colocar a nova no mesmo lugar ? OBS: Isto é um filtro.

 

JS: 

	    function Filtrar() {
		    $().SPServices( {
				operation: "GetListItems",
			  	listName: "Imóveis",
		    	CAMLQuery:"<Query><Where><And><Eq><FieldRef Name='estado' /><Value Type='Choice'>" + $("#dropdown2 option:selected").val() + "</Value></Eq><Eq><FieldRef Name='finalidade' /><Value Type='Choice'>" + $("#dropdown option:selected").text() + "</Value></Eq></And></Where></Query>", 
			  	completefunc: function (xData, Status) {
			    	$(xData.responseXML).SPFilterNode("z:row").each(function() {
			        	var X = ["<li><strong>", $(this).attr("ows_Title"), "</strong>", $(this).attr("ows_descricao"), " | ", $(this).attr("ows_estado"), " | ", $(this).attr("ows_municipio"), " | ", "<p>", $(this).attr("ows_bairo"), " | ", $(this).attr("ows_areaUtil"), " | ", $(this).attr("quantidadeDeQuartos"), "</li>"].join('');
			        	$("#tasksUL").append(X);
			    	});
			  	}
			});
		}

HTML:

	<body>
		<header>
			Finalidade: <select id="dropdown">
				<option class="opcao">Locação</option>
				<option class="opcao">Venda</option>
			</select>
			Estado: <select id="dropdown2">
				<option value="SP">São Paulo</option>
				<option value="RJ">Rio de Janeiro</option>
			</select>
			<button id="button1" onclick="Filtrar()">Filtrar</button>
		</header>
		<article>
				<ul id="tasksUL"/>
		</article>
	</body>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Snowden    94

Snowden
Postado

troque

$("#tasksUL").append(X);

por

$("#tasksUL").html(X);

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito