Seçenekleri, ikinci bir liste js / php doldurmak açılan liste?

3 Cevap php

Ben yanımda bir 2 açılan listeleri tarafı var. Kullanıcı ilk listeden seçtiğinde, ben görüntülenecek ikinci listenin seçenekleri gerekir.

Alt seçenekleri veritabanından alınan edilecektir. Ben belirli bir ana verilen gerekli html dönecektir bir sayfa var. Ben sadece liste içerisinde 2. bir güncelleştirme tetiklemek için ilk listenin seçimi gerekir.

Nedir bu gerçekleştirmenin en iyi yolu?

<select id="parent" name="list1">
    <option value="1">Parent 1</option>
    <option value="2">Parent 2</option>
    <option value="3">Parent 3</option>
    <option value="4">Parent 4</option>
</select>

<select id="child" name="list2">
</select>

uyarı: Seçim Başka bir formun parçası olan yol, bir form kullanamazsınız.

3 Cevap

Bunu yapmak için normal şekilde ilk açılan ikinci içeriğini almak için seçildikten sonra bir AJAX isteği yapmaktır.

Bunu kullanarak, ama burada bunun için tasarlanmış bir jQuery eklentisi bir örnek konum çerçeveler / kütüphaneleri bağlıdır bunu tam olarak nasıl:

jQuery cascade plugin

Yardımcı olabilir böylece ilgili bir dizi soru da var:

http://stackoverflow.com/search?q=cascading+dropdown

Yeni verileri almak için bir ajax işlevini çağırmak için select onchange olayı kullanın

Ölü basit bir yolu çıkışında oluşturulan seçme listesinin tüm biçimlendirme için komut kurmak, ve bir kapsayıcı öğe, örneğin içine enjekte etmektir:

<div id="wrapper">
    <select id="child" name="list2">
    </select>
</div>

$("#parent').change(function() {
    $('#wrapper').load('getSelect.php','selection=' + $(this).val());
    return false; // may or may not be needed
});

etiketler