Question

I have a form using the jqtransform jQuery plugin that gives forms an aesthetic makeover. However, I can’t get my onclick events to fire.

I have a form setup similar to this:

<select name="person">
<option value="1">Yes</option>
<option value="2">No</option>
<option class="maybe" value="0">Maybe</option>
</select>

I also have a hidden div container which expands the form:

<div class="expander" style="display:none;">
More info <input type="text" name="moreinfo" />
</div>

Then the final piece of the puzzle:

<script>
$(".maybe").click(function () {
$(".expander").show("slow");
});
</script>

Any help would be greatly appreciated.

Answer 1

try using the change event instead of click.

http://api.jquery.com/change

here’s a working example: http://jsfiddle.net/dwick/Sh4PA/