MISP/app/View/Attributes/search.ctp

<div class="attributes form">
<?php echo $this->Form->create('Attribute');?>
	<fieldset>
		<legend>Search Attribute</legend>
		<?php
		echo $this->Form->input('keyword', array('type' => 'textarea', 'label' => 'Containing the following expressions', 'div' => 'clear', 'class' => 'input-xxlarge'));
		echo $this->Form->input('keyword2', array('type' => 'textarea', 'label' => 'Excluding the following events', 'div' => 'clear', 'class' => 'input-xxlarge'));
		?>
		<?php
		if ('true' == Configure::read('CyDefSIG.showorg') || $isAdmin)
			echo $this->Form->input('org', array(
					'type' => 'text',
					'label' => 'From the following organisation',
					'div' => 'input clear'));
		?>
		<?php
		echo $this->Form->input('type', array(
				'div' => 'input clear',
				));
		echo $this->Form->input('category', array(
				));
		?>
	</fieldset>
<?php
echo $this->Form->button('Search', array('class' => 'btn btn-primary'));
echo $this->Form->end();
?>
</div>
<script type="text/javascript">
//
//Generate Category / Type filtering array
//
var category_type_mapping = new Array();

<?php
// all types for Categorie ALL
echo "category_type_mapping['ALL'] = {";
$first = true;
foreach ($typeDefinitions as $type => $def) {
		if ($first) $first = false;
		else echo ', ';
		echo "'" . addslashes($type) . "' : '" . addslashes($type) . "'";
}
echo "}; \n";

//all types for empty Categorie
echo "category_type_mapping[''] = {";
$first = true;
foreach ($typeDefinitions as $type => $def) {
		if ($first) $first = false;
		else echo ', ';
		echo "'" . addslashes($type) . "' : '" . addslashes($type) . "'";
}
echo "}; \n";

// Types per Categorie
foreach ($categoryDefinitions as $category => $def) {
	echo "category_type_mapping['" . addslashes($category) . "'] = {";
	$first = true;
	foreach ($def['types'] as $type) {
		if ($first) $first = false;
		else echo ', ';
		echo "'" . addslashes($type) . "' : '" . addslashes($type) . "'";
	}
	echo "}; \n";
}
?>

//
//Generate Type / Category filtering array
//
var type_category_mapping = new Array();

<?php
// all categories for Type ALL
echo "type_category_mapping['ALL'] = {";
$first = true;
foreach ($categoryDefinitions as $type => $def) {
		if ($first) $first = false;
		else echo ', ';
		echo "'" . addslashes($type) . "' : '" . addslashes($type) . "'";
}
echo "}; \n";

// Categories per Type
foreach ($typeDefinitions as $type => $def) {
	echo "type_category_mapping['" . addslashes($type) . "'] = {";
	$first = true;
	foreach ($categoryDefinitions as $category => $def) {
		if ( in_array ( $type , $def['types'])) {
			if ($first) $first = false;
			else echo ', ';
			echo "'" . addslashes($category) . "' : '" . addslashes($category) . "'";
		}
	}
	echo "}; \n";
}
?>

function formCategoryChanged(id) {
	var alreadySelected = $('#AttributeType').val();
	// empty the types
	document.getElementById("AttributeType").options.length = 1;
	// add new items to options
	var options = $('#AttributeType').prop('options');
	$.each(category_type_mapping[$('#AttributeCategory').val()], function(val, text) {
		options[options.length] = new Option(text, val);
		if (val == alreadySelected) {
			options[options.length-1].selected = true;
		}
	});
	// enable the form element
	$('#AttributeType').prop('disabled', false);
}

function formTypeChanged(id) {
	var alreadySelected = $('#AttributeCategory').val();
	// empty the categories
	document.getElementById("AttributeCategory").options.length = 2;
	// add new items to options
	var options = $('#AttributeCategory').prop('options');
	$.each(type_category_mapping[$('#AttributeType').val()], function(val, text) {
		options[options.length] = new Option(text, val);
		if (val == alreadySelected) {
			options[options.length-1].selected = true;
		}
	});
	// enable the form element
	$('#AttributeCategory').prop('disabled', false);
}

var formInfoValues = new Array();
<?php
foreach ($typeDefinitions as $type => $def) {
	$info = isset($def['formdesc']) ? $def['formdesc'] : $def['desc'];
	echo "formInfoValues['$type'] = \"$info\";\n";
}

foreach ($categoryDefinitions as $category => $def) {
	$info = isset($def['formdesc']) ? $def['formdesc'] : $def['desc'];
	echo "formInfoValues['$category'] = \"$info\";\n";
}
$this->Js->get('#AttributeCategory')->event('change', 'formCategoryChanged("#AttributeCategory")');
$this->Js->get('#AttributeType')->event('change', 'formTypeChanged("#AttributeType")');
?>

formInfoValues['ALL'] = '';
formInfoValues[''] = '';


$(document).ready(function() {

	$("#AttributeType, #AttributeCategory").on('mouseleave', function(e) {
	    $('#'+e.currentTarget.id).popover('destroy');
	});

	$("#AttributeType, #AttributeCategory").on('mouseover', function(e) {
	    var $e = $(e.target);
	    if ($e.is('option')) {
	        $('#'+e.currentTarget.id).popover('destroy');
	        $('#'+e.currentTarget.id).popover({
	            trigger: 'manual',
	            placement: 'right',
	            content: formInfoValues[$e.val()],
	        }).popover('show');
	    }
	});

	// workaround for browsers like IE and Chrome that do now have an onmouseover on the 'options' of a select.
	// disadvangate is that user needs to click on the item to see the tooltip.
	// no solutions exist, except to generate the select completely using html.
	$("#AttributeType, #AttributeCategory").on('change', function(e) {
	    var $e = $(e.target);
        $('#'+e.currentTarget.id).popover('destroy');
        $('#'+e.currentTarget.id).popover({
            trigger: 'manual',
            placement: 'right',
            content: formInfoValues[$e.val()],
        }).popover('show');
	});

});




</script>
<?php echo $this->Js->writeBuffer(); // Write cached scripts ?>
<div class="actions">
	<ul class="nav nav-list">
		<li><a href="/events/index">List Events</a></li>
		<?php if ($isAclAdd): ?>
		<li><a href="/events/add">Add Event</a></li>
		<?php endif; ?>
		<li class="divider"></li>
		<li><a href="/attributes/index">List Attributes</a></li>
		<li class="active"><a href="/attributes/search">Search Attributes</a></li>
		<li class="divider"></li>
		<li><a href="/events/export">Export</a></li>
		<?php if ($isAclAuth): ?>
		<li><a href="/events/automation">Automation</a></li>
		<?php endif;?>
	</ul>
</div>