jsBin demo 的

Question

我有以下代码来隐藏论文问题或打开文本我想有相同的效果，但隐藏一个下拉框。

在下面的示例中，如果您选择“我将在下面选择我的选项”，则论文问题将自动删除。我需要将这篇文章问题改为下拉，如果选择了写入选项，我需要支持Jquery使下拉更加便宜。

请从下拉菜单中选择您的首选，或者通过选择“我会”在“我的选择”中写下您的“写入”或选择。“我的选择如下。”     的 _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _
    的 _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _
    的 _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _

Q值。我将在下面“写下”我的选择。

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

谢谢！

Answer 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); 
});

如何使用javascript / jquery隐藏下拉框

1 个答案:

jsBin demo 的