Как показать поле формы (input type = "text"), когда я нажимаю на элемент <select> - PullRequest
Новая
       2

Как показать поле формы (input type = "text"), когда я нажимаю на элемент <select>

0 голосов
/ 29 июня 2018

enter image description here

Как отобразить поле формы (тип ввода), когда я щелкнул «7-й» в меню выбора.

Ответы [ 2 ]

0 голосов
/ 29 июня 2018

если вы не хотите полагаться на jquery, это пример javascript. 

<head>
<script>
window.onload = function(){
    var dropdown = document.getElementById("example");
    var textbox = document.getElementById("textbox");
    dropdown.addEventListener("change", function() {
        if(dropdown.value == 7){
            textbox.style.display = "block";
        }else{
            textbox.style.display = "none";
        }
    });
}
</script>
</head>
<body>
<select id="example">
    <option value="1"> 1 </option>
    <option value="2"> 2 </option>
    <option value="7"> 7 </option>
</select>
<input id="textbox" type="text" style="display:none;">
</body>
0 голосов
/ 29 июня 2018

Ваш HTML-код должен быть похож на 

<select id="select">
<option value="6th">6Th</option>
<option value="7th">7Th</option>
</select>
<input type="text" id="textbox" name="textbox"/>

и с помощью jQuery показать текстовое поле, как 

 $( document ).ready(function() {
      $('#textbox').hide();      
});

$('select').on('change', function() {
  if(this.value == '7th'){
  $('#textbox').show();      
  }
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...