JQuery with forms help needed

[eluser]slowgary[/eluser]
Ouch, what a nasty blog post. There's some real bad advice to be gotten out here on the interweb. Hopefully the advice I've given is much better, but everyone makes mistakes.

As a quick jQuery primer, the framework encourages that you write your javascript in a "select something, do something" sort of way. the dollar sign is a function that's used for (among other things) the selecting part, and the method that follows usually takes care of the doing.

As an example:

Code:

// v- select something
$('#my_id').hide();
           // ^- do something

That code would hide an element with the id "my_id". By "hide" I mean it sets it's CSS 'display' property to the value 'none'.

When I wrote the revised UI, I just did a quick and dirty, assuming that the option value and caption could be the same. If you need them to be unique, try changing that long append line to this:

Code:

$('#causes').append("<div class='cause'>&lt;input type='hidden' name='cause_" + num_causes + "' value='" + $('#cause_select').val() + "'/&gt;&lt;span>" + $('#cause_select:selected').text() + "</span><span class='remove'>[remove]</span></div>");