Buongiorno,
dal codice sotto riportato vorrei poter avere, salvato su una var (ad esempio var codice = ....) il valore del data-value.
Ad esempio:
var codice deve essere valorizzato con CODx1 oppure CODx2 oppure CODx3 .... dipende da quello che io scelgo.
Attualmente con l'istruzione javascript: console.log('[Three] data: "' + value + '"'); ho il valore Parametro 01 oppure Parametro 02 e cosi via. A me necessita il valore che ho in data-value.
Come posso fare?.
Qui sotto vi posto il relativo codice.
Grazie
dal codice sotto riportato vorrei poter avere, salvato su una var (ad esempio var codice = ....) il valore del data-value.
Ad esempio:
var codice deve essere valorizzato con CODx1 oppure CODx2 oppure CODx3 .... dipende da quello che io scelgo.
Attualmente con l'istruzione javascript: console.log('[Three] data: "' + value + '"'); ho il valore Parametro 01 oppure Parametro 02 e cosi via. A me necessita il valore che ho in data-value.
Come posso fare?.
Qui sotto vi posto il relativo codice.
Grazie
HTML:
<form class="form-inline" id="frm-scelta-parametri">
<div class="form-group">
<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</a>
<a class="dropdown-item" data-value="CODx1" data-level="1" href="#">Parametro 01</a>
<a class="dropdown-item" data-value="CODx2" data-level="2" href="#">Parametro 02</a>
<a class="dropdown-item" data-value="CODx3" data-level="2" href="#">Parametro 03</a>
<a class="dropdown-item" data-value="CODx4" data-level="2" href="#">Parametro 04</a>
</div>
</div>
<input class="d-none" name="example_one" readonly="readonly" aria-hidden="true" type="text"/>
</div>
<div id="NewInput" class="inline" style="float: left; margin-left: 5px;"></div>
<div class="dropdown hierarchy-select" id="example-two"></div>
</div></form>
<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 (value) {
console.log('[Three] data: "' + value + '"');
}
});
</script>