AJAX Field Submission (via click): Magic JavaScript

Single input text field

Submit field above

<input type="text" name="input_text_1" value="" data-mjf_afsc="example_1_group" id="input_text_1">

<a href="#" data-mjf="ajax_field_submit_click|return_false" data-mjf_ajax_url="_ajax.php" data-mjf_ajax_update_id="input_text_1_cont" data-mjf_afsc="example_1_group" id="example_1_link">Submit field above</a>

Multiple input text fields

Submit fields above

<input type="text" name="input_text_2a" value="" data-mjf_afsc="example_2_group" id="input_text_2a">

<input type="text" name="input_text_2b" value="" data-mjf_afsc="example_2_group" id="input_text_2b">

<a href="#" data-mjf="ajax_field_submit_click|return_false" data-mjf_ajax_url="_ajax.php" data-mjf_ajax_update_id="input_text_2_cont" data-mjf_afsc="example_2_group" id="example_2_link">Submit fields above</a>

Single select field

Please choose... Option 1 Option 2 Option 3
Submit select field above

<select data-mjf_afsc="example_3_group" name="select_1" id="select_1">
  <option value="">Please choose...</option>
  <option value="Option 1">Option 1</option>
  <option value="Option 2">Option 2</option>
  <option value="Option 3">Option 3</option>
</select>

<a href="#" data-mjf="ajax_field_submit_click|return_false" data-mjf_ajax_url="_ajax.php" data-mjf_ajax_update_id="select_1_cont" data-mjf_afsc="example_3_group" id="example_3_link">Submit select field above</a>

Single textarea field and a multi-select field

Please choose... Option 1 Option 2 Option 3 Option 4
Submit fields above

<textarea rows="5" cols="20" data-mjf_afsc="example_4_group" name="textarea_1" id="textarea_1"></textarea>

<select size="5" multiple="multiple" data-mjf_afsc="example_4_group" name="select_2[]" id="select_2">
  <option value="">Please choose...</option>
  <option value="Option 1">Option 1</option>
  <option value="Option 2">Option 2</option>
  <option value="Option 3">Option 3</option>
  <option value="Option 4">Option 4</option>
</select>

<a href="#" data-mjf="ajax_field_submit_click|return_false" data-mjf_ajax_url="_ajax.php" data-mjf_ajax_update_id="textarea_1_cont" data-mjf_afsc="example_4_group" id="example_4_link">Submit fields above</a>

Checkboxes and Radio Buttons

Option 1
Option 2
Option 1
Option 2
Submit fields above

<input type="checkbox" data-mjf_afsc="example_5_group" name="checkbox_grp_1[]" value="Option 1" class="input_checkbox" id="checkbox_grp_1a"><label for="checkbox_grp_1a">Option 1</label>
<input type="checkbox" data-mjf_afsc="example_5_group" name="checkbox_grp_1[]" value="Option 2" class="input_checkbox" id="checkbox_grp_1b"><label for="checkbox_grp_1b">Option 2</label>
<input type="radio" data-mjf_afsc="example_5_group" name="radio_grp_1" value="Option 1" class="input_radio" id="radio_grp_1a"><label for="radio_grp_1a">Option 1</label>
<input type="radio" data-mjf_afsc="example_5_group" name="radio_grp_1" value="Option 2" class="input_radio" id="radio_grp_1b"><label for="radio_grp_1b">Option 2</label>

<a href="#" data-mjf="ajax_field_submit_click|return_false" data-mjf_ajax_url="_ajax.php" data-mjf_ajax_update_id="checkbox_grp_1_cont" data-mjf_afsc="example_5_group" id="example_5_link">Submit fields above</a>