Data-value con hierarchy-select

Buongiorno,
vi posto queste righe di codice e vorrei sapere come poter reperire il valore presente nel parametro data-value.
Qui sotto vi riporto un pezzetto di codice HTML e il relativo codice javascript

div class="dropdown hierarchy-select" id="example-one">
	<button type="button" 
	class="btn btn-primary dropdown-toggle" 
	id="example-one-button" 
	data-toggle="dropdown" 
	aria-haspopup="true" 
	aria-expanded="false">
	</button>
			<div class="dropdown-menu" aria-labelledby="example-one-button">
				<div class="hs-searchbox">
					<input type="text" class="form-control" autocomplete="off">
				</div>
				<div class="hs-menu-inner" id="codici">
					<a class="dropdown-item" data-value="" data-level="1" data-default-selected="" href="#">Scelta area</a>
					<a class="dropdown-item" data-value="TODO" data-level="1" href="#">Italia</a>
					<a class="dropdown-item" data-value="TOD1" data-level="2" href="#">Italia 1</a>
					<a class="dropdown-item" data-value="TOD2" data-level="2" href="#">Italia 2</a>
					<a class="dropdown-item" data-value="TOD3" data-level="2" href="#">Italia 3</a></div>

<script src="Bootstrap-Hierarchy-Select/dist/hierarchy-select.min.js"> </script>
<script type="text/javascript">
$('#example-one').hierarchySelect({
hierarchy: false,
search: false,
width: 200,
height: 500,
initialValueSet: true,
onChange: function (periodo, value) {

if (periodo != '') {
console.log('[Three] data: "' + value + '"');

otherParameters('<?php echo $periodo; ?>');
}
}
});
</script>

Tenendo presente che il parametro periodo e fisso ed ha valore 20200101, da console il valore visualizzato (value) é, ad esempio, Italia, Italia 1, Italia 2,....

Vorrei poter disporre in una variabile ( ad esempio: var codice), l'effettivo valore e cioé TODO oppure TOD1 oppure TOD2 etc....

chi mi da una mano???