CiviCRM Community Forums (archive)

Hi Angela. Here's what I would do:
1) Set up the household contact for the webform the normal way. Add houesehold name field and also existing contact field (widget: static, hidden) for the household. The individual should be contact 1. The household can be contact 2.
2) Be sure to create the relationship. Also make sure the "existing contact" field is set up to autofill the household based on that relationship. This will make updates possible.
3) Test your form by manually entring a name for the household and make sure everything actually works.
4) Now you just need a tiny bit of jQuery to hide the household name field and fill it. Easiest way to get that onto your page is with a custom markup field in the webform.

Can you provide a link to your form?

Please right-click the household name field and "inspect element with firebug" and post a screenshot

Well I do recommend you start reading more about jQuery because it is really quite easy to learn and you can't always rely on getting other people to write this stuff for you. The basic format is $('some-selector).someAction();

For your immediate problem, just create a new webform component type markup, and paste this in (be sure you are using an input format that does not strip any tags)

<script type="text/javascript">
(function($) {
  $('input[name*=1_contact_last_name]').keyup(function() {
    var name = $(this).val() + ' Family';
    $('input[name*=household_name]').val(name);
  }).keyup();
})(jQuery);
</script>

Confirm that's working, and you can then edit your household name field and change it's widget to "hidden" (be sure to NOT set hidden type to "secure value" since you need to allow this to be altered). You should also be able to edit the household "existing contact" field to make that hidden as well.