Как вставить поле после проверки значения поля

Question

Я ищу способ вставить одно или несколько полей в HMTL после проверки значения из другого поля. Вот мой HTML:

<select id="status" name="status"> 
    <option value="1" style="background-color: #cdeb8e">freigegeben</option> 
    <option value="2" style="background-color: red">gesperrt</option> 
    <option value="3" style="background-color: yellow">Rückfrage erforderlich</option> 
    <option value="4" style="background-color: yellow">Muster</option> 
</select> 

если status > 1 я хочу добавить <input type="text" /> после select. Как я могу это сделать?

Answer 1

Вы можете проверить после выбора изменений и показать/скрыть ввод в соответствии с выбранным значением.

$('#status').change(function() { 
 
    if ($(this).val() > 1) { 
 
    $('#myInput').show(); 
 
    } else { 
 
    $('#myInput').hide(); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 

 
<select id="status" name="status"> 
 
    <option value="1" style="background-color:#cdeb8e">freigegeben</option> 
 
    <option value="2" style="background-color:red">gesperrt</option> 
 
    <option value="3" style="background-color:yellow">Rückfrage erforderlich</option> 
 
    <option value="4" style="background-color:yellow">Muster</option> 
 
</select> 
 

 
<input type="text" style="display:none;" id="myInput" />