Hide input based on select box option value
HTML
<input type="text" id="toHide" />
<select id="hider">
<option>Show</option>
<option>Hide</option>
</select>
<input type="checkbox" class="form-control" name="duplicate" id="check_id" value="duplicates"> <span class="label-text" >Hide Duplicates</span>
<input type="hidden" id="number_hidden"/>
JavaScript
$(function() {
var inputToHide = $("#toHide");
$('#hider').on('change', function() {
var selected = $('#hider option:selected').val();
var check = $('#check_id').val();
if ( selected === "Show" ) {
var s = $("input[id=number_hidden]").val(selected);
alert(s.val());
//alert("will show");
inputToHide.show();
} else {
$("input[id=number_hidden]").val(selected);
//alert("will hide");
inputToHide.hide();
}
});
});