Sonat

 
<div id="f_parent_firms_id" class="field ft_parent">
 
 
 
	<label for="parent_firms_id">Фирма</label>
	<ul class="items">
	</ul>
 
 
	<input type="hidden" class="input" name="parent_firms_id" value="" id="parent_firms_id">
	<script>
		$(function(){
 
			var $container = $('#f_parent_firms_id');
 
			$container.find('a.add').click(function(e){
 
				var $link = $(this);
 
				e.preventDefault();
 
				icms.contentBind.start({
					url: $link.attr('href'),
					callback: function(items){
						var $list = $link.siblings('ul');
						var $input = $link.siblings('input[type=hidden]');
						var newValues = [];
						$.each(items, function(id, title){
							if ($list.find('li[data-id=' + id+']').length > 0) { return; }
							var $item = $('<li></li>').attr('data-id', id).text(title).appendTo($list);
							var $deleteBtn = $('<a href="#"></a>').appendTo($item);
							$deleteBtn.click(function(e){
								e.preventDefault();
								$item.remove();
								var newValues = [];
								$list.find('li').each(function(){
									var $item = $(this);
									newValues.push($item.data('id'));
								});
								$input.val(newValues.length > 0 ? newValues.join(',') : '');
							})
							newValues.push(id);
						});
						if (newValues.length > 0){
							var $currentVal = $input.val();
							$input.val(($currentVal ? $currentVal + ',' : '') + newValues.join(','));
						}
 
					}
				});
			});
 
			$container.find('a.delete').click(function(e){
				e.preventDefault();
				var $link = $(this);
				var $item = $link.parents('li');
				var $list = $item.parents('ul');
				var $input = $list.siblings('input[type=hidden]');
				$item.remove();
				var newValues = [];
				$list.find('li').each(function(){
					var $item = $(this);
					newValues.push($item.data('id'));
				});
				$input.val(newValues.length > 0 ? newValues.join(',') : '');
			})
 
		});
	</script>
	<div class="hint">Производитель</div>
 
</div>