select toggle yardım

<script type="text/javascript">
function toggle_form_element(select) {
    var divSelect = select.value;
    
        if (divSelect == 'haber') {
            document.getElementById('yeni').style.display = "block";
        } else {
            document.getElementById('yeni').style.display = "none";
      
    }
}
</script>

<select name="kategori" id="kategori" class="girissec" onchange="toggle_form_element(this)">
                        <option value='baska'>Başka</option>
                        <option value='haber'>Haber</option>
                        <option value='diger'>Diğer</option>
</select>

<div id="yeni"  style="display:none">içerik</div>

yeni bir kayıt girerken bu kodları sorunsuz kullanıyorum. fakat duzenleme yaptığımda selected ile haber gelmesine karşın yeni id li kapalı oluyor. nasıl açık yapabilirim.

keyup'u denemelisin