title: show input text only on specific value selected
body: <p>I have a form that it has one select, one input (text), a datepicker and the submit button. I would like to show the input text only when I m selecting one specific option on the select. I ve searced and I found a similar solutions (with radio input) , I ve made some mods but unfortunately it does'nt works..
  My html form it looks like:</p>
  
  <hr>
  
  <pre><code>&lt;select class="form-control" name="bulk_options_cust" id="action_sel"&gt;
  &lt;option value=""&gt;Choose..&lt;/option&gt;
  &lt;option value="bulkCreateRdv"&gt;Option 1&lt;/option&gt;
  &lt;option value="bulkCreateCall"&gt;Option 2&lt;/option&gt;
  &lt;/select&gt;
  &lt;input class="form-control" type="text" name="fav_filter" id=""&gt;
  &lt;div class="col-xs-4"&gt;
  &lt;input type="date" id="datepicker" name="new_date" value=""&gt;
  &lt;button class="btn btn-success" type="submit"&gt;
  submit&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The modified script that I ve found is:</p>
  
  <pre><code>$(document).ready(function() {
    var h = $("#fav_filter");
    $("#action_sel select").change(function() {
      if (this.checked &amp;&amp; this.value == "bulkCreateCall") {
        h.show();
      } else {
        h.hide();
      }
    }).change()
  });
  </code></pre>
  
  <p>I have no knowledge on Javascript so if anyone is able to find me the error or suggest another solution it will be great for me.</p>
  
  <p>Cheers! </p>