[js?] pole wyboru dostepne po wybraniu pierwszego Opcje

[lnn]

witam!
mam problem, chce zrobic form select ze po wybraniu 1 opcji dopiero pojawiaja mi sie 2 opcja do wyboru w 2 polu, odpowiednio inne wartosci do wyboru dla kazdej opcji.. i tak np.

opcja AAAA
subopcja A1
subopcja A2
subopcja A3
opcja BBBB
subopcja B1
subopcja B2
subopcja B3
itd.

przeszukalem całe forum i nic nie moglem znalezc, wogole sie zastanawiam czy to JS czy moze AJAX ? Prosze o wyrozumialosc

[HTML] pobierz, plaintext 
1 opcja do wyboru: 
<select size="1" name="1opcja">
<option>AAAA</option>
<option>BBBB</option>
<option>CCCC</option>
<option>DDDD</option>
</select>
 
2 opcja: <select size="1" name="2opcja">  // pole pojawia sie dopiero po wybraniu 1 pola 
<option>-</option>
<option>subopcja 1 AAAA</option>
<option>subopcja 2 AAAA</option>   
</select>
[HTML] pobierz, plaintext 

[Hectic]

Ja to robię tak... (jquery)

Kod

<select id="category" name="category" onchange="loadItems(this.value);">
<option value="0" selected="selected">wszystkie kategorie</option>
<option value="1">Kat 1</option>
<option value="2">Kat 2</option>
</select>

Kod

<div id="subcat">
<select name="subcategory">
<option value="0">wszystkie typy sprzętu</option>
</select>
</div>

js

Kod

function loadItems(value) {
    $.get("ajax.php?subcategory", { category: value }, // pobranie za pomocą ajax danych z pliku ajax.php
    function(data){
        $('#subcat').html(data); // wczytanie ich do div o id="subcat"
    });
}

ajax.php

[PHP] pobierz, plaintext 
<?php
if(isset($_GET['subcategory'])) {
    $id = mysql_escape_string((int)$_GET['category']);
 
    $mysql = MyRegistry::Registry('MySql');
    $items = $mysql->selectGroup(dbTableItems, "id, name", "category='$id'", "ORDER by name"); // pobranie sub kategorii z bazy danych 
 
    $template = MyRegistry::Registry('Template');
    $template->assign('items', $items);
    $template->display('subcategory.tpl'); // wczytanie pliku tpl         
}
?>
[PHP] pobierz, plaintext 

subcategory.tpl

Kod

<select name="type">
<option value="0" selected="selected">wszystkie typy sprzętu</option>
{foreach from=$items item=items}
<option value="{$items.id}">{$items.name}</option>
{/foreach}
</select>

Można to zrobić nie używając smarty chodziło mi o analogię działania.

Jeszcze taki myk na firefox'a który po odświeżeniu zapamiętuje wybrane opcje (żeby nie było takiej sytuacji, że jest zaznaczona kategoria, a nie ma sub kategorii).

js

Kod

$(document).ready(function(){
    var category =  $("select#category").val();
    if(category > 0) {
        loadItems(category);
    }
});

Ten post edytował Hectic 14.02.2009, 08:55:28

[lnn]

dzieki za wskazowki, a jeszcze mam pytanie, czy ja musze utworzyc jakas baze danych?? bo widze ze tam cos pobiera z danych, zatem czy musze dac polaczenie do bazy i dopiero potem cos z niej wyciagac? aha i jeszcze jak przypisac dana kategorie z 2 pola do wybranej z 1wszego??

chodzi o to ze chcialbym po wybraniu wydziału zeby pokazywalo jakie sa katedry i tak do kazdego wydzialu

cisza..

[Hectic]

Na bazie danych było by najłatwiej

Struktura tabeli:

category
id
name

subcategory
id
category // tutaj id z tabeli category danej kategorii
name

Później dajesz zapytanie do bazy danych

Kod

SELECT name FROM subcategory WHERE category='$zmienna_z_id_kategorii'

Mam nadzieję, że zrozumiesz o co mi chodzi Bez podstaw php + mysql będzie Ci ciężko to zrobić, ale też jest to dobry moment żeby się nauczyć

[lnn]

dzieki poproboje to zrobic przeciez nie ma rzeczy niemozliwych (kliknalem ze pomogles:) )