8 EYLÜL 2012, CUMARTESİ

Javascript Form Select Değiştir Seçenekleri Öğretici Dinamik Liste Öğeleri Html5

Bu javascript bir video derste dinamik seçme formu programlamak öğrenmek Liste elemanları Bir mantık göstermek için biz seçeneklerini değiştirmek için nasıl göstereceğim % uh seçime dayalı seçim listesi kullanıcı yapar Kesinlikle ilk listede bir web uygulama geliştiricisi veya gelen bilmeniz gereken Onlar içeren porno programlama içine aldığınız zaman bunu yukarı kedi alımı kategori ve alt kategoriler kullanıcı dinamik doldurma liste listeden tek yapılan seçime göre ve Biz derse başlamadan önce bu konuda gitmek için en akıllı yol muhtemelen Diyelim ki siz yapabilirsiniz bu şekilde öğrenme

olacak ne üzerine gidelim Eğer zaten biliyor olabilir, çünkü video izlemek isteyip istemediğinize değerlendirmek bütün bunları nasıl bu yüzden ilk şey bir dizi ve bir döngü gelen ile çalışacağız olduğunu kodunuza aşağı ince

olan ve sadece bir kaç içinde büyük bir mantığı üretmek kod satırları Ayrıca yayarlar ve split dizeleri ile başa öğreneceksiniz daha Aşağı Slims soğuk daha hangi veri işleme bölümlendirirse ve kapsayacak olan bu d

“Ders Kodu: http://www.developphp.com/video/JavaScript/Dynamic-Select-Year-List-Script-HTML-Form-Elements Bu JavaScript video derste dinamik seçme formu liste öğel...”
Adam Khoury

erste son ama mantık nasıl kanıtlıyor dinamik seçkin bir DropDownList HTML seçeneği öğeleri işlemek Akıllı küçük döngü içinde sayfada biz gerçek scripting başlamadan önce işlenmiş üründe bir göz atalım Bu Video dersi izledikten sonra olacak küçük uygulama bu yüzden ben bunu biraz seçim araç uygulama yaptı Ben düşündüm çünkü ne olur şimdi iyi mantığı götürmek istiyorsunuz İlk listede üç öğe istediğiniz gibi birçok öğe olabilir var temiz hava ne olacak ki ben bu öğelerden biri Çin

Javascript Form Select Değiştir Seçenekleri Öğretici Dinamik Liste Öğeleri Html5 Resim 1 Javascript Form Select Değiştir Seçenekleri Öğretici Dinamik Liste Öğeleri Html5 Resim 2 Javascript Form Select Değiştir Seçenekleri Öğretici Dinamik Liste Öğeleri Html5 Resim 3 Javascript Form Select Değiştir Seçenekleri Öğretici Dinamik Liste Öğeleri Html5 Resim 4

dinamik seçtiğinizde ise işlemek ve dis seçenekleri listesi İkinci Gerçekten burada çok bu seçkin eleman için öğeyi seçin güçler ikinci eleman koymak için gidiyordu bu yüzden go ahead ve Chevy seçmesine izin ve ne demek istediğimi görürsünüz Şimdi açık ayakkabılar araba modeli olacak ve camara Corvette var veya Impala atlatmak için değişim bu kadar seçebilirsiniz yaptım tüm bir challenger şarj seçebilirsiniz şimdi bakın tamamen farklı bir liste var ya tehlike ve yönetim kurulu ile ve benzeri aynı ben vardı dedi birçok ö

ğe olarak hangi sonra can bu çanta listesinde ihtiyaç içinde gerektiği gibi birçok öğe doldurmak en kötü ikinci sen olacaksın biliyorum tamam bu uygulama var Başlarken Hangi en kaya edelim ve rulo başlatmak için gidiyorum bu yüzden öğrenme gerektiğini bileceksiniz çıplak kemikleri ile Gördüğünüz html5 web belgesinde kadar Nerede biz var Baş etiketi Anna gövde elemanının yerinde komut eleman henüz hiçbir şey vardır böylece biz HTML inşa gövde elemanı başlatmak için gidiyoruz nerede Uygulama çoklu pin up arabanızı seçin Bu sarın ve yapacak bir sonraki şey başlık h2 değil yatay olan bir sıcak elemanıdır Sadece yazın otomobil markasını seçecek şimdi sayfa boyunca giden bir çizgi koymak: Bir sonraki satır aşağı bir seçme elemanı açılacak ve bu ilk olacak açılır listesini kimliği bu vereyim birkaç satır aşağı gitmek ve şimdi seçeneğini elemanı kapalı LCT olarak eşit Select biri için 1 kısa zamanda bunu bir name niteliği verebilir aynı ada sahip ve adı örneği için form işleme olacak PHP Kimliği biz gerçekten sadece bir yerde koyarak konum bu değişken adı kaldırsanız olacak JavaScript referans için bu yüzden JavaScript onun adını bu elemanın konuşabilirsiniz select eleman içinde şimdi işlemeyi formu için olacak öznitelikleri yapacağız bazı seçenek öğeleri ihtiyaç ve aslında doldurmak neler oluyor şu ediyoruz liste Açık seçeneği ile bana değeri kaydetmek etiketlemek Bu ilki hiçbir şey eşit olacak ve o zaman biz sadece bir etiket yapmak istiyorum bu seçeneği kapatabilirsiniz ancak varsayılan koyabilirsiniz seçenek değerini bırakmak herkes etiketli Boş ilk bir anda birini, kontrol Segal aşağı kopyalayabilirsiniz sadece için çizgi kontrol ve bu bir değer biz perişan olacak türü konum üsküp Eğer perişan etiket çok doğru orada koymak ve değeri de olan Chevy şimdi iki daha o yapalım ve bu bir bu atlatmak oldu oraya yerleştirilen kendi şirketi yapıştırılan sadece kopyalayabilirsiniz spor Alex sadece seçme elemanı 19 aşağı gitmek anlaşıldı Başka bir yatay konulmuştur ben çok iyi biliyorsun ve ayakkabı araba yazın modeli ve ardından yapıştırın sonraki satırda select elemanı biz değişecek mi şimdi kopyalanacak iki seçmektir ve bu iki seçmek için bu nedenle bu unsur bildirilecektir JavaScript herhangi bir biçimde işleme bu kimliği kullanarak İstediğiniz bunda şimdi bu isim kaldırsanız yapabilirsiniz sadece bu alabilir varsayılan hiçbir seçenek sadece böyle bu seçkin elemanın ama o açar içinde bir şey değildir ve o hiçbir şey kapatır bu nedenle bu seçkin eleman tek doldurmak yapmak seçme elemanı içindeki seçenekler biz ihtiyaç sen dinleyebilirsiniz değiştirme olayı ve bunların çeşitli olaylara Ben sadece burada en mantıklı düşünüyorum çünkü değişim kullanmak bulacağız ediyorum bu nedenle her zaman Kullanıcının ilk liste içinde değeri değişir Biz javascript işlev çağrısı ateş ikinci listesini doldurmak için gidiyoruz Açık yakın parantez doldurmak ve biz iki argüman beslemek için gidiyoruz Biz göndermek için gereken iki argüman vardır Kimlikleri ancak bu seçkin bir ve kimlik fakat Seç bu yüzden önde gidelim ve bu iki sadece söyleyebiliriz ilkini geçmesi Bu nokta kimliği kullanabilirsiniz Bu başvuru bu elemanın çünkü bu yüzden o ID select tane göndermek için gidiyor ya da sadece tek tırnak içinde seçme bir yazabilirsiniz o zaman bir virgül koymak ve bir sonraki argüman olacak Kimlik tek tırnaklar arasında bu eleman Size istedim dediğim gibi bu yüzden olabilir o bu seçkin tek virgül gibi okumak ve ardından seçebilirsiniz hem tek tırnak içinde bu ama yapmak istediğiniz tüm kimlik bir olduğunu pass Eğer içinde olduğunuzda bu element için argüman o geçer, böylece tek tırnak ile bu .it kaydedebilirsiniz Bu kimlik ve denilen işleve bu kimlik görünen biz JavaScript öğesinde yazacağım olduğunuzu doldurmak HTML sadece bir çizgi daha şeyler tamam bakmak ikinci seçme elemanı ve altında biz gereken her şeyi şu JavaScript ilk satırında bu yüzden HTML içinde Biz fonksiyonu işlevi çağrılır doldurmak kuşatma türünü oluşturmak için gidiyoruz açık kıvırcık braket ele geçirmek için açık / kapalı baskı doldurmak Ulusal set-up yakın bir kıvırcık parantez o olmuş güzel yumruk aşağı gitmek Şimdi bu fonksiyonu doldurmak kimlikleri olan iki parametre gönderiyor hatırlıyorum hem bu elementler yazarak ve s1 ile burada bu serin kadar yani virgül s2 şimdi s1 s2 ve temsil edecek bir güzel küçük küçük değişkenler sayfa seçme birinde, bu iki seçkin elemanları ve doldurmak fonksiyonu içinde bunu seçin Bu değişkenler sayfasındaki unsurları temsil vardır bu işlev biz gidiyoruz şimdi ilk iki satır tamam ama bir nesne haline elemanları bu şekilde daha kolay onlarla çalışmak ve bizim kodu içinde biz yok diyerek devam Belge on eleman şalvar şimdi biz s1 bar ve hangi fiili olduğu için bar sayfadaki burada Seç unsurları temsil eden nesneler Burada kimliğini temsil eden bir dize gönderiyor olan seçme elemanı kadar canlı tamam şimdi en s2 nesne patlama konuşmama izin ve yapacağız dat iç HTML olarak söylemek ediyoruz böylece her zaman fonksiyonu çalışır doldurmak şey eşittir d iç HTML seçim listesi yapılmış olacak yeni bir liste yaklaşık çünkü hiçbir şey tekrar içine paketlenmiş Gerçekten o işlev kalmak için dışarı temizlemek istediğiniz ne olursa olsun o zaten şimdi yapmamız gereken tüm değerlendirmek olduğunu daha sonra koşullar eğer birkaç ile döngü için koşmak üzerinde ne oluyor bir o koşullar dahilinde monte edilecek Ben açık yakın parantez eğer bir iğne olduğunu ne anlama geldiğini göstermek açık kaşlı ayraç birkaç satır bir küme ayracı kapatmak aşağı gitmek ve bu durum yuva tüm kurmak ve gitmek için hazır ve ilk koşulu olduğunu sayfada bir liste s eğer olacak dot değeri eşittir o zaman biz perişan doldurabilirsiniz Doğru burada sadece Chevy için dizi yüzden görelim eşit bar seçeneği dizisi köşeli ayraç açık ve köşeli parantez yakın ve sonra biz yapacağız nerede köşeli parantez içinde olacağını noktalı virgül eski küçük liste elemanlarını doldurmak ya da gerçekten olacak doldurmak için kullanılır değerler liste tüm dahilinde seçenekler ve biz orada istediğiniz ilk şey Boş bir seçenek olduğunu ve ilk başta boş bir seçeneği seçebilirsiniz ama ben olacak boş bir tane var Siyah bir istemiyorsanız ilk sadece bir an bu eleman koymayın bu yüzden şimdi biraz daha mantıklı olacak bana yağmura sonraki öğeyi etsinler senin için monotip inca iliği ve ardından boru sembolü ve sonra tekrar Camaro ama bu sefer olacak Bu dahilinde her öğe için her değer için çok büyük harfe opsiyon dizisi biz küçük döngü çalıştırdığınızda Bu öğelerin her biri ve opsiyon elemanı kazanacağız Bu seçenek öğeleri burada aşağı her biri bir değere sahiptir nasıl ve etiket, bu değer ve bu Sony de koyacağım konum etiketi bu dize değer olduğunu Dize şimdi o Corvette koymak var etikettir çift ​​tırnak arasına virgül çift tırnak çift tırnak sen boru koymak mücadeleye sol tarafta değeri koymak Ne form işleme gönderilecek olacak ve daha sonra etiketi koydu Kullanıcı bir netlistine ile seçmek için görmek ne olup bittiğini ve daha sonra son bir virgülle çift çift tırnak Impala olduğunu Impala c tipi alt boru sembolü kasalı ve daha sonra büyük Impala ve sen orada ihtiyacı olan kadar koyabilirsiniz Biz durumu koymadan önce şimdi virgülle ayrılmış Ford ve Dodge için de sana döngü için göstermek istiyorum ve tüm mantık işe nasıl ve sonra diğer koyabilirsiniz göstermek iki koşul Bu Ford temsil edecek ve kaçma yüzden döngü için yukarı açalım açmak yakın Parantez bir çift aşağı gitmek bir küme ayracı açmak close çizgiler döngü yuva doğru bakımı için ayraç ve boyun sorunu bir kıvırcık döngü al bir değişken oluşturmak zorunda değişken için bu seçenek gerçekten istediğiniz her şeyi adlandırılmış olabilir seçeneği dizide seçeneği yani Gerçekten tüm seçenekler için ne anlama geldiğini seçenekler dizisi içinde bu döngü bir kez çalıştırmak için gidiyor Bu seçeneklerin her biri için mesela bu dört öğe vardır bu yüzden Bu döngü anlamına seçenek dizisi içinde olacak koşmak dört kez ve her zaman çalışır içinden geçerken Burada bu öğelerin her biri erişebilirsiniz Bu dizi içinde erişebilirsiniz öğeler için bu her biri bu seçenek değişkeni kullanarak geçmesine olarak bu yüzden beş satır pop bilerek sihirli gerçekleşmesi ve beni şimdi size bu anlatalım bulacağız İlk satır bir değişken olarak adlandırılan çift oluşturmak olduğunu ve E seçeneği dizisini temsil hangisi seçeneği döngü nokta bölünmüş yoluyla geliyor bu yüzden bölünmüş mesajı çalıştırmak ve sınırlayıcı olarak boru kullanmak Peki ne yapar bu iki öğeleri ile size başka bir küçük dizi verir ise o böylece örneğin camara o döngü geçerek ise Ne olacağını var bu değişken denir çifti Bu iki öğe vardır biraz dizi olacak Biz turna tarafından bölmek ve bu çünkü biz sıkı tarafından bu dize bölmek Bu şekilde biz değeri olarak kullanabilirsiniz seçeneği yukarı ve sonra çanak kullanabilirsiniz kullanıcının gördüğü etiket olarak birçok kez olduğu için biz etiket yok Andy değeri tam olarak aynı dize olamaz böylece bir hem koymak için yazdığınız kullanmak gibi kurmak nasıl Eğer onlara ihtiyacımız her biri döngü geçerken Eğer çifti 0 kullanabilir ve Parite biri bu bir erişmek için Eğer dizi başvurulan zaman ve bu bir örneği için, böylece 0 bakım Bu arada, bu tür parite 0 size ilk verir öğe çifti kimse seni ikinci öğe verir böylece nasıl çalıştığını bu ve biz bir değişken olarak adlandırılan çift kuruyoruz yüzden hangi Aslında dize tamam böler şimdi burada sonraki satır yeni seçenek bar olduğunu ve bu nokta öğesi oluşturmak belge temsil yarattığımız kullanarak oluşturmak istediğiniz yöntemi Andy elemanı elemanlar yöntemi ve opsiyon eleman yeni yaptım oluşturabilirsiniz size sadece konulmuştur paragraflar yaratabilirsiniz yeni paragraf yaratacak veya boru bir yaratacak verecek pedo Yeni yaptım ama biz biraz seçmek, bu yerleştirilen yeni seçenek öğelerini istiyorum Burada HTML yüzden olacak yeni oluşturmak ediyoruz Dizideki her eleman için seçenekler kimse geçerken biz yeni bir seçenek nesnesi başvuruda bulunabilir değeri özelliği ve eşit hale tarafı için çift temelde kasalı alçaltmak için, Şimdi Geçişkenliğin olarak bu öğelerin her birinin kelime Bu etiketi temsil iç HTML Her seçenek için eleman doldurulur Sonunda bu parti dize büyük harf ile Bu biraz aşağı öğeye seçmektir s2 elemanı başvurulan sayfa ve biz nokta seçenekleri yeni seçenek eklemek dot demek böylece yeni seçenek burada oluşturulur onun değerini verdi bakınız ve biz aslında daha sonra kendi etiketini verilen ve var Buraya doğru s2 eleman seçme unsuru haline poppet Şimdi ne şimdi bu hakkı çalıştırdığınızda ne olacak tercih için çağrı kaydetmek için test stres kontrolü elimizde tarayıcıda çalıştırabilirsiniz ve sonra ne olacağını oluyor ben seçersem olduğunu biliyorum favori tarayıcı çalıştırmak atlatmak Port çünkü ne olacak hiçbir şey hiçbir koşul henüz o ayarlanır ama çok düşkün olursa Şimdi beni atlatmak seçelim Ben Chevys listesini almak bkz Henüz kendi durumunu koyduk çünkü hiçbir şey olmuyor Bana şimdi gördüğünüz bizim script sahip olduğu ne kadar kolay olduğunu göstereyim s1 üst değerler perişan eşit ise Mar seçeneği dizisi bu özel dizi eşittir koşulları ve daha sonra başka yazarsanız o olacak kopyası hangi Burada ve daha sonra yapıştırmak, eğer koşul biz sadece else if s1 baba değerini kopyalamanız Dodge eşittir ve daha sonra bunu bir kez daha Başka sahne tadı sınıf koşulu o eşittir tek-nokta değerleri s başka bir Fort şimdi yapmanız gereken tüm basitçe ip Bunları değiştirmek olduğunu oran Sedat onlara burada bu yüzden bu değişiklikleri farklı otomobil var yükseltmek Avenger ve daha sonra olurdu Burada başkentte Avenger ve daha sonra bu iki Challenger ve şarj artık sadece seçenek dizisi değiştirmek yerde tüm kurulları var bu yüzden burada Ford arabaları yansıtmak için Eğer çalıştırırsanız şimdi dis gitmek için küçük bir uygulama tüm hazır Tüm Dodge Charger maliyet olsun bana atlatmak seçmenize izin Avenger Challenger ve şarj ben çok düşkün Nana tarafından tercih nedeni delish değişiklikler göstermek e-posta Ord yerdesiniz Ford modellerinde nedeniyle Bu sizi derinlemesine San gitmek böylece tamam nasıl çalıştığını görmek bakın 1 seçeneğini elemanı nasıl kullanılacağını açıklama kadar dinamik sayfadaki başka doldurmak için ve bu dinleyici anahtarı değişikliği olduğunu ben seçim dis gerçek andır çünkü değişiklik lanet ihale üzerinde atlatmak denilen olarak doldurulur kapalı ateş tamam bu yüzden size HTML javascript kullanarak bu dersi zevk umuyoruz elemanların dinamik seçme programı nasıl ve listeleri değişen.

Açıklama

Ders Kodu: http://www.developphp.com/video/JavaScript/Dynamic-Select-Year-List-Script-HTML-Form-Elements Bu JavaScript video derste dinamik seçme formu liste öğeleri programı öğreneceksiniz. Mantık göstermek için biz kullanıcı ilk listeden kılan seçime dayalı bir seçme listesinin seçenekleri değiştirmek için nasıl göstereceğim. Bir web uygulama geliştiricisi kesinlikle onlar bir kullanıcıdan kategorileri ve subcatories veri alımını içeren formu programlama içine aldığınız zaman bunu nasıl bilmek gerekir.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

Adam Khoury

Adam Khoury

Profesyonel bir online bedava gibi kod ve tasarım öğrenin. JavaScript, PHP, SQL, HTML, CSS, ActionScript ve daha fazlası gibi usta geliştirme teknolojileri. Tüm videoları http://www.developphp.com daha iyi organize olan

YORUMLAR



9.9/10

  • 305
    Olumlu
  • 3
    Olumsuz
  • 103
    Yorum
  • 41774
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • CHISTOSITOJAJA

    CHISTOSITOJA

    27 HAZİRAN 2010
  • Digital Bounds

    Digital Boun

    19 Temmuz 2013
  • SRI International

    SRI Internat

    30 NİSAN 2008

ANKET



Bu sayfa işinize yaradı mı?