-2

JSS

function kategori(dropdown) { 
  var value = dropdown.options[dropdown.selectedIndex].value;
  if (value == 'emlak'){
    document.getElementById("emlak").style.display = "block";
  } else if(value != 'emlak'){
    document.getElementById("emlak").style.display = "none";
  }if(value == 'vasita'){
    document.getElementById("vasita").style.display = "block";  
  }else if(value != 'vasita'){
    document.getElementById("vasita").style.display = "none";
  }if(value == 'alisveris'){
    document.getElementById("alisveris").style.display = "block";  
  }else if(value != 'alisveris'){
    document.getElementById("alisveris").style.display = "none";
  }if(value == 'is_makineleri_sanayi'){
    document.getElementById("is_makineleri_sanayi").style.display = "block";  
  }else if(value != 'is_makineleri_sanayi'){
    document.getElementById("is_makineleri_sanayi").style.display = "none";
  }if(value == 'hizmet'){
    document.getElementById("hizmet").style.display = "block";  
  }else if(value != 'hizmet'){
    document.getElementById("hizmet").style.display = "none";
  }if(value == 'kariyer'){
    document.getElementById("kariyer").style.display = "block";  
  }else if(value != 'kariyer'){
    document.getElementById("kariyer").style.display = "none";
  }if(value == 'hayvanlar_alemi'){
    document.getElementById("hayvanlar_alemi").style.display = "block";  
  }else if(value != 'hayvanlar_alemi'){
    document.getElementById("hayvanlar_alemi").style.display = "none";
  }
}
function emlak(dropdown) { 
  var value = dropdown.options[dropdown.selectedIndex].value;
    if (value == 'konut'){
    document.getElementById("konut").style.display = "block";
  } else if(value != 'konut'){
    document.getElementById("konut").style.display = "none";
  }  if (value == 'isyeri'){
    document.getElementById("isyeri").style.display = "block";
  } else if(value != 'isyeri'){
    document.getElementById("isyeri").style.display = "none";
  }  if (value == 'arsa'){
    document.getElementById("arsa").style.display = "block";
  } else if(value != 'arsa'){
    document.getElementById("arsa").style.display = "none";
  }  if (value == 'projeler'){
    document.getElementById("projeler").style.display = "block";
  } else if(value != 'projeler'){
    document.getElementById("projeler").style.display = "none";
  }  if (value == 'bina'){
    document.getElementById("bina").style.display = "block";
  } else if(value != 'bina'){
    document.getElementById("bina").style.display = "none";
  }  if (value == 'devremulk'){
    document.getElementById("devremulk").style.display = "block";
  } else if(value != 'devre_mulk'){
    document.getElementById("devremulk").style.display = "none";
  }  if (value == 'turistik_tesis'){
    document.getElementById("turistik_tesis").style.display = "block";
  } else if(value != 'turistik_tesis'){
    document.getElementById("turistik_tesis").style.display = "none";
  }
}
function konut(dropdown) { 
  var value = dropdown.options[dropdown.selectedIndex].value;
      if (value == 'satilik'){
    document.getElementById("satilik").style.display = "block";
  }else if(value != 'satilik'){
    document.getElementById("satilik").style.display = "none";
  }if (value == 'kiralik'){
    document.getElementById("kiralik").style.display = "block";
  } else if(value != 'kiralik'){
    document.getElementById("kiralik").style.display = "none";
  }if (value == 'gunluk_kiralik'){
    document.getElementById("gunluk_kiralik").style.display = "block";
  } else if(value != 'gunluk_kiralik'){
    document.getElementById("gunluk_kiralik").style.display = "none";
  }
}
function satilik(dropdown) { 
  var value = dropdown.options[dropdown.selectedIndex].value;
      if (value == 'daire'){
    document.getElementById("daire").style.display = "block";
  }else if(value != 'daire'){
    document.getElementById("daire").style.display = "none";
  }if (value == 'residence'){
    document.getElementById("residence").style.display = "block";
  } else if(value != 'residence'){
    document.getElementById("residence").style.display = "none";
  }if (value == 'mustakil_ev'){
    document.getElementById("mustakil_ev").style.display = "block";
  } else if(value != 'mustakil_ev'){
    document.getElementById("mustakil_ev").style.display = "none";
  }if (value == 'villa'){
    document.getElementById("villa").style.display = "block";
  } else if(value != 'villa'){
    document.getElementById("villa").style.display = "none";
  }if (value == 'ciftlik_evi'){
    document.getElementById("ciftlik_evi").style.display = "block";
  } else if(value != 'ciftlik_evi'){
    document.getElementById("ciftlik_evi").style.display = "none";
  }if (value == 'kosk_konak'){
    document.getElementById("kosk_konak").style.display = "block";
  } else if(value != 'kosk_konak'){
    document.getElementById("kosk_konak").style.display = "none";
  }if (value == 'yali'){
    document.getElementById("yali").style.display = "block";
  } else if(value != 'yali'){
    document.getElementById("yali").style.display = "none";
  }if (value == 'yali_dairesi'){
    document.getElementById("yali_dairesi").style.display = "block";
  } else if(value != 'yali_dairesi'){
    document.getElementById("yali_dairesi").style.display = "none";
  }if (value == 'yazlik'){
    document.getElementById("yazlik").style.display = "block";
  } else if(value != 'yazlik'){
    document.getElementById("yazlik").style.display = "none";
  }if (value == 'prefabrik_ev'){
    document.getElementById("prefabrik_ev").style.display = "block";
  } else if(value != 'prefabrik_ev'){
    document.getElementById("prefabrik_ev").style.display = "none";
  }if (value == 'kooperatif'){
    document.getElementById("kooperatif").style.display = "block";
  } else if(value != 'kooperatif'){
    document.getElementById("kooperatif").style.display = "none";
  }
}
function kiralik(dropdown) { 
  var value = dropdown.options[dropdown.selectedIndex].value;
      if (value == 'daire'){
    document.getElementById("daire").style.display = "block";
  }else if(value != 'daire'){
    document.getElementById("daire").style.display = "none";
  }if (value == 'residence'){
    document.getElementById("residence").style.display = "block";
  } else if(value != 'residence'){
    document.getElementById("residence").style.display = "none";
  }if (value == 'mustakil_ev'){
    document.getElementById("mustakil_ev").style.display = "block";
  } else if(value != 'mustakil_ev'){
    document.getElementById("mustakil_ev").style.display = "none";
  }if (value == 'villa'){
    document.getElementById("villa").style.display = "block";
  } else if(value != 'villa'){
    document.getElementById("villa").style.display = "none";
  }if (value == 'ciftlik_evi'){
    document.getElementById("ciftlik_evi").style.display = "block";
  } else if(value != 'ciftlik_evi'){
    document.getElementById("ciftlik_evi").style.display = "none";
  }if (value == 'kosk_konak'){
    document.getElementById("kosk_konak").style.display = "block";
  } else if(value != 'kosk_konak'){
    document.getElementById("kosk_konak").style.display = "none";
  }if (value == 'yali'){
    document.getElementById("yali").style.display = "block";
  } else if(value != 'yali'){
    document.getElementById("yali").style.display = "none";
  }if (value == 'yali_dairesi'){
    document.getElementById("yali_dairesi").style.display = "block";
  } else if(value != 'yali_dairesi'){
    document.getElementById("yali_dairesi").style.display = "none";
  }if (value == 'yazlik'){
    document.getElementById("yazlik").style.display = "block";
  } else if(value != 'yazlik'){
    document.getElementById("yazlik").style.display = "none";
  }
}

HTML

<form method="post" action="ilan_ver_adim2.php">
  <select  name="kategori" class="kategori_element" onChange="kategori(this);" size="2">
    <option value="emlak">Emlak</option>
    <option value="vasita">Vasıta</option>
    <option value="yedek_parca_aksesuar_donanim_tuning" title="Yedek Parça, Aksesuar, Donanım & Tuning">Yedek Parça, Aksesuar, Donanım & Tuning</option>
    <option value="alisveris">Alışveriş</option>
    <option value="is_makineleri_sanayi" title="İş Makineleri & Sanayi">İş Makineleri & Sanayi</option>
    <option value="hizmet">Hizmet</option>
    <option value="kariyer">Kariyer</option>
    <option value="hayvanlar_alemi">Hayvanlar Alemi</option>
  </select>
  <select id="emlak" name="emlak" class="kategori_element" size="2" onChange="emlak(this);" style="display:none;">
    <option value="konut">Konut</option>
    <option value="isyeri">İşyeri</option>
    <option value="arsa">Arsa</option>
    <option value="projeler">Projeler</option>
    <option value="bina">Bina</option>
    <option value="devremülk">Devremülk</option>
    <option value="turistik tesis">Turistik Tesis</option>
  </select>
  <select class="kategori_element" id="vasita" onChange="" size="2" style="display:none;">
    <option value="">Otomobil</option>
    <option value="">Arazi, SUV & Pick-up</option>
    <option value="">Motosiklet</option>
    <option value="">Minivan, Van & Panelvan</option>
    <option value="">Ticari Araçlar</option>
    <option value="">Kiralık Araçlar</option>
    <option value="">Deniz Araçları</option>
    <option value="">Hasarlı Araçlar</option>
    <option value="">Klasik Araçlar</option>
    <option value="">Modifiye Araçlar</option>
    <option value="">Hava Araçları</option>
    <option value="">ATV</option>
    <option value="">UTV</option>
    <option value="">Engelli Plakalı Araçlar</option>
    <option value="">Karavan</option>
    <option value="">Elektrikli Araçlar</option>
  </select>
  <select class="kategori_element" id="alisveris" onChange="" size="2" style="display:none;">
    <option value="">Bilgisayar</option>
    <option value="">Cep Telefonu</option>
    <option value="">Fotoğraf & Kamera</option>
    <option value="">Ev & Dekorasyon</option>
    <option value="">Ev Elektroniği</option>
    <option value="">Elektronik</option>
    <option value="">Giyim & Aksesuar</option>
    <option value="">Güzellik & Kozmetik</option>
    <option value="">Bahçe & Yapı Market</option>
    <option value="">Bebek</option>
    <option value="">El İşi & Sanat</option>
    <option value="">Hobi & Oyuncak</option>
    <option value="">Kitap, Dergi & Film</option>
    <option value="">Koleksiyon</option>
    <option value="">Müzik</option>
    <option value="">Oyun & Konsol</option>
    <option value="">Saat</option>
    <option value="">Spor</option>
    <option value="">Takı, Mücevher & Altın</option>
    <option value="">Antika</option>
    <option value="">Medikal Ürünler</option>
    <option value="">Ofis Malzemeleri</option>
    <option value="">Yiyecek & İçecek</option>
    <option value="">Diğer Her Şey</option>
  </select>
  <select class="kategori_element" id="is_makineleri_sanayi" onChange="" size="2" style="display:none;">
    <option value="">İş Makinesi</option>
    <option value="">Sanayi</option>
    <option value="">Elektrik & Enerji</option>
  </select>
  <select class="kategori_element" id="hizmet" onChange="" size="2" style="display:none;">
    <option value="">Vasıta Hizmetleri</option>
    <option value="">Ev Tadilat & Dekorasyon</option>
    <option value="">Bebek ve Çocuk</option>
    <option value="">Nakliye</option>
    <option value="">Kiralık Ürünler</option>
    <option value="">Kurs & Dershaneler</option>
    <option value="">Özel Ders Verenler</option>
    <option value="">Baskı Hizmetleri</option>
    <option value="">Bayilik Verenler & Franchise</option>
    <option value="">Cenaze İşleri</option>
    <option value="">Danışmanlık</option>
    <option value="">Dış Ticaret & Gümrük</option>
    <option value="">Düğün & Organizasyon</option>
    <option value="">El Sanatları</option>
    <option value="">Evcil Hayvanlar</option>
    <option value="">Giyim & Tekstil</option>
    <option value="">Güzellik Merkezleri</option>
    <option value="">Hurda & Atık</option>
    <option value="">Öğrenci Yurdu</option>
    <option value="">Reklam & Tanıtım</option>
    <option value="">Sağlık & Spor</option>
    <option value="">Sigortacılık & Finans</option>
    <option value="">Tamir, Teknik Servis</option>
    <option value="">Taşeron Hizmetleri</option>
    <option value="">Temizlik & İlaçlama</option>
    <option value="">Tercümanlık & Çeviri</option>
    <option value="">Turizm Hizmetleri</option>
    <option value="">Yazılım & Bilgi İşlem</option>
    <option value="">Yemek ve Gıda</option>
  </select>
  <select class="kategori_element" id="kariyer" onChange="" size="2" style="display:none;">
    <option value="">Bankacılık</option>
    <option value="">Dönemsel İşler</option>
    <option value="">Eğitim</option>
    <option value="">Güzellik & Bakım</option>
    <option value="">Hukuk</option>
    <option value="">IT ve Yazılım Geliştirme</option>
    <option value="">İnsan Kaynakları</option>
    <option value="">İnşaat ve Yapı</option>
    <option value="">İşletme ve Stratejik Yönetim</option>
    <option value="">Koruma ve Güvenlik</option>
    <option value="">Kültür, Sanat ve Eğlence</option>
    <option value="">Lojistik ve Taşıma</option>
    <option value="">Muhasebe / Finans</option>
    <option value="">Mühendislik</option>
    <option value="">Müşteri Hizmetleri</option>
    <option value="">Ofis Yönetimi ve İdari İşler</option>
    <option value="">Pazarlama ve Ürün Yönetimi</option>
    <option value="">Restoran ve Konaklama</option>
    <option value="">Sağlık</option>
    <option value="">Satış</option>
    <option value="">Tamir ve Bakım</option>
    <option value="">Tasarım / Yaratıcılık</option>
    <option value="">Üretim ve İmalat</option>
    <option value="">Yetiştirme Hayvancılık</option>
  </select>
  <select class="kategori_element" id="hayvanlar_alemi" onChange="" size="2" style="display:none;">
    <option value="">Evcil Hayvanlar</option>
    <option value="">Akvaryum Balıkları</option>
    <option value="">Aksesuarlar</option>
    <option value="">Yem ve Mama</option>
    <option value="">Kümes Hayvanları</option>
    <option value="">Büyükbaş Hayvanlar</option>
    <option value="">Küçükbaş Hayvanlar</option>
    <option value="">Deniz Canlıları</option>
    <option value="">Sürüngenler</option>
    <option value="">Böcekler</option>
    <option value="">Bakım</option>
  </select>
  <select id="konut" class="kategori_element" size="2" onChange="konut(this);" style="display:none;">
    <option value="satilik">Satılık</option>
    <option value="kiralik">Kiralık</option>
    <option value="gunluk_kiralik">Günlük Kiralık</option>
  </select>
  <select id="satilik" class="kategori_element" size="2" onChange="satilik(this);" style="display:none;">
    <option value="daire">Daire</option>
    <option value="residence">Residence</option>
    <option value="mustakil_ev">Müstakil Ev</option>
    <option value="villa">Villa</option>
    <option value="ciftlik_evi">Çiftlik Evi</option>
    <option value="kosk_konak">Köşk &amp; Konak</option>
    <option value="yali">Yalı</option>
    <option value="yali_dairesi">Yalı Dairesi</option>
    <option value="yazlik">Yazlık</option>
    <option value="prefabrik_ev">Prefabrik Ev</option>
    <option value="kooperatif">Kooperatif</option>
    <button type="submit">İlan Ver</button>
  </select>
</form>

当我添加表单标签以开始和结束时，我的表单不起作用我想为电子贸易网页创建一个类别选择器。我不知道哪个是错误的java脚本或html请帮助。为什么我不能输入我的信息它想要这么多细节。

4

1 回答 1

1

您的问题并不明显（因为您还没有真正将您的代码与我们可以使用的任何东西配对）。

以下是可能导致您的问题的三件事：

  1. 您缺少许多元素的名称属性。如果表单成功提交，那么如果一个元素没有 name 属性，你实际上不会得到任何数据出现。

  2. 你的很多选项都有 value=""。这意味着如果您在 POST 请求中成功发送了该数据，那么在该选项框中选择的任何内容都只会返回“”。这对任何人都绝对是零帮助。

  3. 从技术上讲，这不是可能导致您出现问题的问题，但您需要了解循环。就目前而言，您的绝大多数代码只是您重复自己。您可以查看一个示例，该示例将替换您的 categori javascript 函数：

代码：

function kategori(dropdown) { 
  var value = dropdown.options[dropdown.selectedIndex].value,
      list = ["emlak", "vasita", "alisveris", "is_makineleri_sanayi", "hizmet", "kariyer", "hayvanlar_alemi"];

  for (var x=0; x<list.length; x++){
    document.getElementById(list[x]).style.display = (list[x]==value?"block":"none");
  }
}
于 2013-09-11T16:21:39.380 回答