Peršokti į turinį

Pagalbos su paieška tinklalapyje

Skirmas

Parašė Skirmas
forume Tinklapių kūrimas

 Pasidalinti

Ši tema yra neaktyvi. Paskutinis pranešimas šioje temoje buvo prieš 1505 dienas (-ų). Patariame sukurti naują temą, o ne rašyti naują pranešimą.

Už neaktyvių temų prikėlimą galite sulaukti įspėjimo ir pranešimo pašalinimo!

Recommended Posts

Skirmas Naujokas (-ė)

Skirmas

Sveiki, gal būt yra koks žmogus kuris galėtų padėt su paieška tinklalapyje, reikalinga padaryt tokia paieška jog pasirinkus vieną variantą išmestų kitus variantas, o kol nepasirinktas pirmam laukelyje variantas, neleistų rinktis kitų, gal būt nelabai aiškiai paaiškinau, bet reikalinga paieška tokia kaip su mašinos pasirinkimais: https://galingas.lt/ (ne reklama)

Nuoroda į komentarą
Dalintis per kitą puslapį
Ark'xes Mylimas dalyvis (-ė)

Ark'xes

(redaguota)

Visų pirmiausia, kad ta paieška veiktų tvarkingai, duombazei relationus susidėliok kaip priklauso.
Aišku protingiausia selection'us būtų parsitraukt iš DB.

paprastas pvz. su jQuery:

  

<!DOCTYPE html>
<html>
	<head></head>
	<body>
		<form>
			<select id="brand">
				<option disabled selected>Pasirinkite markę</option>
				<option value="1">Audi</option>
				<option value="2">BMW</option>
				<option value="3">Mercedes</option>
			</select>

			<select id="model">
				<option disabled selected>Pasirinkite modelį</option>
			</select>
		</form>

		<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
	</body>
</html>


<script>
$(document).ready(function() {
	 selections();
});

function selections() {
	const brand = $('#brand');
	const model = $('#model');

	let models = [
		{
			id: 1,
			brand_id: 1,
			title: 'A3'
		},
		{
			id: 2,
			brand_id: 1,
			title: 'A4'
		},
		{
			id: 3,
			brand_id: 1,
			title: 'A5'
		},

		{
			id: 4,
			brand_id: 2,
			title: '3 series'
		},
		{
			id: 5,
			brand_id: 2,
			title: 'M3'
		},
		{
			id: 6,
			brand_id: 3,
			title: 'CLA'
		},
	];

	brand.change(function () {
		const brand_id = $(this).val();
		let foundModels = models.filter(m => m.brand_id == brand_id);

		model.find('option').not(':disabled').remove();

		foundModels.forEach(item => {
			model.append(`<option value=${item.id}>${item.title}</option>`);
		});
	})
}
</script>

 

Redaguota , nario Ark'xes
Nuoroda į komentarą
Dalintis per kitą puslapį

Ši tema yra neaktyvi. Paskutinis pranešimas šioje temoje buvo prieš 1505 dienas (-ų). Patariame sukurti naują temą, o ne rašyti naują pranešimą.

Už neaktyvių temų prikėlimą galite sulaukti įspėjimo ir pranešimo pašalinimo!

Prisijungti prie diskusijos

Palikti atsakymą galite iš karto, o užsiregistruoti vėliau. Jeigu jau turite paskyrą mūsų forume, Prisijunkite.

Svečias
Atsakyti šioje temoje...

×   Įklijuotas tekstas turi teksto formatavimą.   Pašalinti teksto formatavimą

  Galimi tik 75 veidukai.

×   Nuoroda buvo automatiškai įterpta.   Įterpti nuorodą paprastai

×   Jūsų ankstesnis pranešimas buvo atkurtas.   Išvalyti redaktorių

×   Jūs negalite įkelti nuotraukas tiesiogiai.Įkelkite arba įdėkite nuotraukas iš URL.

×
 Pasidalinti
Eiti į

  • Šiame puslapyje naršo:   0 nariai

    • Nėra registruotų narių peržiūrinčių šį forumą.

Skelbimai


×
×
  • Sukurti naują...