Как сделать флажок видимым на основе выбранного элемента раскрывающегося списка

Я пытаюсь установить флажок и связанный с ним ярлык (в области «добавления»), чтобы появляться только при выборе выпадающего элемента 3 (файлы прикрепления). Слой аддонов будет скрыт, если его не выбрать.Как сделать флажок видимым на основе выбранного элемента раскрывающегося списка

Я новичок в jQuery, и я не знаю, с чего начать это делать.

Спасибо.

<!DOCTYPE html> 
<html> 
    <head> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

    <script> 

    </script> 
    </head> 

    <body> 
    <form name="frmChkForm" id="frmChkForm"> 
     <select name="service" id="service" class="required contact-service"> 
     <option value="">Select Option</option> 
     <option value="1">feedback</option> 
     <option value="2">updates</option> 
     <option value="3">attach files</option> 
     </select> 

     <p> 
     <span id="addfiles"> 
      <input type="checkbox" name="attachfiles" id="attachfiles" value="yes">Attach files  
     </span> 
     </p> 
    </form> 
    </body> 
</html>

источник

2015-12-10 UltraJ

Никто не является goi чтобы закодировать его для вас. Попробуйте свой код, и если он не работает, внесите jsfiddle и вставьте его здесь. – Frondor

Вы можете использовать .change() для изменения выбора выпадающего списка.

this.value внутри события .change() должно получить текущее выбранное значение.

strict equal to оператор может быть использован для сравнения значений

.show() покажет ваш скрытый элемент

$(function() 
{ 
    $("#service").change(function(){ 
     if(this.value === 3) { 
      $("#addfiles").show(); 
     } else { 
      $("#addfiles").hide(); 
     } 
    }); 
});

Вы можете подробно почитать в Selectors

источник

2015-12-10 23:15:33 rahul

Спасибо rahul. Это сработало! – UltraJ

Вы можете сделать это:

$(document).ready(function(){ 
     $('#addfiles').hide() 
     $('#frmChkForm').change(function(){ 
      var selectedOption = $(this).val() 
      if(selectedOption == 3){ 
       $('#addfiles').fadeIn() 
      }else{ 
      $('#addfiles').fadeOut() 
      } 
     }) 
    })

источник

2015-12-10 23:17:29 Franco

Как сделать флажок видимым на основе выбранного элемента раскрывающегося списка

ответ

Смежные вопросы