How do you hide a dropdown box using java script/jquery

Question

I have the following code to hide an essay question or open text.
I'd like to have the same effect but hide a drop down box.

In this example below if you select the "I will write in my choice below" the essay question will auto remove. I need to change this essay question to a drop down and I need the supporting Jquery to make the drop down dissaper if the write in choice is selected.

Please select your First Choice from the drop down or tell us that you will "Write In" or choice by selecting "I will "Write In" my choice below.
__________________________________
__________________________________
__________________________________

Q. I will "Write In" my choice below.

jQuery(function($){
   $('input[type=checkbox]',$('#table1')).click(function(){
     if($(this).is(':checked')){
        $('textarea',$('#table1')).empty().hide();
     } else {$('textarea',$('#table1')).show();}
   });
});

Thank you!

no, it is for my job - I am not in IT. I am just trying to learn Jquery in 30 minutes or less — Mary Plissey
– Mary Plissey, Commented Feb 21, 2012 at 19:15
Mary, it would be really useful for us to see a HTML in an example. I'm a bit confused by your question. Here you can build your demo: jsbin.com or here: jsfiddle.net BTW, you can hide an element doing: $('select#dropdown').hide(); — Roko C. Buljan
– Roko C. Buljan, Commented Feb 21, 2012 at 19:17
This is for an "employee survey" if you will. I have the survey built and can give you a link but I would prefer to send it to you via e-mail. — Mary Plissey
– Mary Plissey, Commented Feb 21, 2012 at 19:24
@MaryPlissey To get help on Stack Overflow, details need to be contained within your question. — user50049
– user50049, Commented Feb 21, 2012 at 19:34

Community · Accepted Answer · 2020-06-20 09:12:55Z

1

jsBin demo

HTML

  <p>Please select your First Choice from the drop down or tell us that you will "Write In" or choice by selecting "I will "Write In" my choice below.</p>
   
  <select id="choose_question">
    <option selected="selected">Choose a question</option>
    <option value="q1">Question 1</option>
    <option value="q2">Question 2</option>
    <option value="q3">Question 3</option>
    <option value="q4">Question 4</option>    
  </select>
  
  <br>
  
  <input id="ill_write" type="checkbox" /> I will write in my question.
  
  <br>
  
  <input id="my_question" type="text" value="" style="display:none; width:300px;"/>

jQuery

$('#choose_question').change(function(){  
  $('#my_question').fadeTo(50,0);
  $('input#ill_write').prop('checked', false);
});

$('#ill_write').change(function(){  
  $('#my_question').fadeTo(500,1); 
});

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Feb 21, 2012 at 19:36

Roko C. Buljan

209k41 gold badges335 silver badges346 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How do you hide a dropdown box using java script/jquery

1 Answer 1

jsBin demo

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related