Javascript - "style.display = element"

Question

Помогите пожалуйста с кодом "style.display = element".

Этот код работает:

<div id="div-14" style="display:none;">[text text-287 placeholder "Name, Vorname / Surname, Firstname "][text text-345 placeholder "Telefon / Phone number"][text text-346 placeholder "E-Mail"]</div>


<div style="display: inline-block;">
<select onchange="showdiv(this.value);">
                <option disabled selected value></option>
                <option value="0">Yes</option>
                <option value="1">No</option>

      </select></div>
</td>
</tr>


<script type="text/javascript">
function showdiv(element){
document.getElementById("div-14").style.display = element==0?"inline-block":"none";
} 
</script>

Как только создаю копию кода выше с другим div (в этом же файле), то работает только один из низ:

<div id="div-15" style="display:none;">[text text-287 placeholder "Name, Vorname / Surname, Firstname "][text text-345 placeholder "Telefon / Phone number"][text text-346 placeholder "E-Mail"]</div>


<div style="display: inline-block;">
<select onchange="showdiv(this.value);">
                <option disabled selected value></option>
                <option value="0">Yes</option>
                <option value="1">No</option>

      </select></div>
</td>
</tr>


<script type="text/javascript">
function showdiv(element){
document.getElementById("div-15").style.display = element==0?"inline-block":"none";
} 
</script>

Видимо проблема где то в "style.display = element==0?"

Помогите исправить пожалуйста.

ПОЛНЫЙ КОД:

<table>
<tr>
    <td>Geschäftsführung / Management</td>


      <td><div id="div-14" style="display:none;">ПРИМЕР 1 НЕ РАБОТАЕТ</div></td>


    <td>

<div style="display: inline-block;">
<select name="number" class="wpcf7-form-control wpcf7-select wpcf7-validates-as-required" aria-required="true" aria-invalid="false" onchange="showdiv(this.value);" required>
                <option disabled selected value></option>
                <option value="0">Yes</option>
                <option value="1">No</option>

      </select></div>
</td>
</tr>

<script type="text/javascript">
function showdiv(element){
document.getElementById("div-14").style.display = element==0?"inline-block":"none";
} 
</script>

<tr>
    <td>Zentrale / Headquarter</td>


      <td><div id="div-15" style="display:none;">ПРИМЕР 2 РАБОТАЕТ И ТАМ И ТАМ</div></td>


    <td>

<div style="display: inline-block;">
<select onchange="showdiv(this.value);">
                <option disabled selected value></option>
                <option value="0">Yes</option>
                <option value="1">No</option>

      </select></div>
</td>
</tr>

<script type="text/javascript">
function showdiv(element){
document.getElementById("div-15").style.display = element==0?"inline-block":"none";
} 
</script>



</table>

БЛОГ НА HUSL

Javascript - "style.display = element"

Ответы (0 шт):