I am trying to have a div show and hide based on the value of a select
list. I have looked at a number of examples, but can't seem to get it
to work. Would appreciate someone taking a look at what I have and
giving me any advice.
<script>
$(document).ready(function() {
$('div.textfield1').hide();
('#id_status').change(function() {
if ($("#id_status").val() == 6){
$('div.textfield1').show();
}
else{
$('div.textfield1').hide();
}
});
});
</script>
<p><label for="id_status">Status:</label>
<select name="status" id="id_status">
<option value="1">New</option>
<option value="2">In Review</option>
<option value="3">Working On</option>
<option value="4">Elevated</option>
<option value="5">Approved</option>
<option value="6">Deferred</option>
<option value="7">Denied</option>
<option value="8">Duplicate</option>
<option value="9">Completed</option>
<option value="10">Needs more information</option>
</select></p>
<div class="textfield1">
<label>test
<input type="text" name="text" id="text" />
</label>
</div>
