Ben menüyü birincil damla seçimine dayalı menü aşağı ikinci bir damla doldurmak olacak bir php komut dosyası yazmak çalışıyorum. Ben tüm olmayan sayfa yenileme şeyler yapmak için jquery kullanmak istiyorum. ama ben dışarı var bulmak her şey iyi yazılmış ve belki de orada bulunan bir öğretici anlamak ya da kolay oldu bir şey biliyor musunuz, anlamak ve değiştirmek zor olduğunu?
İşte size ne yapmak istediğinizi bir fikir vermelidir bazı kod:
HTML
<select id="state" name="state">
<option value="IL">Illinois</option>
<option value="IN">Indiana</option>
</select>
<select id="city" name="city">
<option value="">Please select a state...</option>
</select>
PHP
<?php
$cities = array(
'IL' => array( 'Chicago', 'Naperville', 'Decatur', 'Saint Charles' ),
'IN' => array( 'Gary', 'Miller', 'Portage', 'Merrillville' )
);
print json_encode( $cities[ $_POST[ 'state' ] ] );
exit;
?>
jQuery
jQuery(document).ready(function() {
jQuery('#state').change(function() {
jQuery.post(
'some-url.php',
{
'state':jQuery('#state').val()
},
function(data, textStatus) {
jQuery.each(data, function(index, value) {
jQuery('#city').append('<option value="' + value + '">' + value + '</option>');
});
},
'json'
);
});
});
Web, iyi bir here kendi blogunda Remy Sharp itibaren bu nasıl epeyce örnekler vardır (full example here)
O değiştiğinde temelde ne yaptığınızı ilk açılan bir değer ile sunucu üzerinde bir PHP sayfası çağırıyor. İlk açılan aşağı ABD'de devletlerin bir liste ise Örneğin, ikinci açılan seçilen devlet şehirler gösterebilir. İlk açılan aşağı seçildiğinde, bu onChange olay devlet adı geçen, sunucu üzerindeki bir PHP sayfası için bir istek patlar (example.com/city_lookup.php?state=NY) bulunuyor
JQuery sonra içinden sonra, city_lookup komut dosyası (JSON encoded muhtemelen buraya gitmek için en iyi yoldur) den döngüleri yanıt alır ve ikinci açılır menüye değerlerini yazar.
Onbeş Videolar:
01 = Click anchor to fadeOut() a to nothing (7 min)
02 = Same, using slideDown(); also toggle para text color (css) on click (7 min)
03 = Again, use animate() to move #box from side to side, shink to nothing (7 min)
04 = Add/Remove classes from an ordered list (9 min)
05 = Grow/Shrink an ordered list by anchor click (12 min)
06 = toggle() visible/invisible; toggleClass() to highlight/unhighlight entire para (12 min)
07 = Images at 50% opacity; hover sets opacity to 100% (8 min)
08 = ImageA slides down to reveal ImageB behind it. (10 min)
09 = Click #Larger or #Smaller anchors to increase/decrease font size (12 min)
10 = Click anchor - slides down to reveal "unordered list" (9 min)
11 = Hover over thumbnail image to see larger image in a pretty frame (10 min)
12 = Hover a text call-out over an anchor tag (15 min)
13 = Contact form places "email" directly into MySql database (14 min)
14 = Implementing jQuery plugins, such as the S3Slider (18 min)
15 = Create a jQuery style switcher (swap between two style sheets via button press) (30 min)
iki farklı yolu: