You're missing a $ on this line:
('#id_status').change(function() {
Change to:
$('#id_status').change(function() {
unsolicited word of advice... run firebug :)
On Wed, Nov 18, 2009 at 11:44 AM, mtuller <mitul...@gmail.com> wrote:
> 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>
>
--
Charlie Griefer
http://charlie.griefer.com/
I have failed as much as I have succeeded. But I love my life. I love my
wife. And I wish you my kind of success.
