Neler yeni
  • Değerli üyelerimiz, sitemize giriş kullanıcı adı ile değil E-mail adresiyle olmuştur. Lütfen giriş yaparken kullanıcı adı yerine e-mail adresinizi yazın.
    Foruma üyelikler kısa bir süreliğine açık hale getirilmiştir. Yeni üyelikler admin tarafından kontrol edilip uygun görülür ise aktif edilecektir.

div gizleme ve gösterme sorunu

Katılım
11 Mar 2018
Mesajlar
176
Kod:
<style type="text/css">
 
#div2,#div3 {
display: none
}
 
</style>
<script type="text/javascript">
 
function showHide(elem) {
    if(elem.selectedIndex != 0) {
         //hide the divs
         for(var i=0; i < divsO.length; i++) {
             divsO[i].style.display = 'none';
        }
        //unhide the selected div
        document.getElementById('div'+elem.value).style.display = 'block';
    }
}
 
window.onload=function() {
    //get the divs to show/hide
    divsO = document.getElementById("frmMyform").getElementsByTagName('div');
}
</script>
</head>
<body>
 
<form action="#" method="post" id="frmMyform">
 
 <select  onchange="showHide(this)">
        <option value="">DİL SEÇİNİZ</option>
        <option value="1">TR</option>
        <option value="2">EN</option>
        <option value="3">ARAP</option>
 </select>

</body>
	


<div id="div1">Ana Sayfa</div>
<div id="div2">HomePage</div>
<div id="div3">***1575;***1604;***1589;***1601;***1581;***1577; ***1575;</div>
 
Google ads alanı