Como passar parâmetros de uma função a outra ?
Segue o código:
<body onload="getfoucs()">
<select id="select_compra" data-limit="3">
<option disabled selected style="display: none">Aaaaaaaaaaaaa</option>
<option>Bbbbbbbbb</option>
<option>Ccccccc</option>
<option>Ddddddddddd</option>
</select>
<script>
function datalimit(limit)
{
var selects = document.querySelectorAll('[data-limit]');
[].forEach.call
(
selects, function(select)
{
var limit = select.getAttribute('data-limit');
[].forEach.call
(
select.options, function(option)
{
var text = option.innerHTML.substring(0, limit);
option.innerHTML = text;
}
);
}
);
}
function getfoucs()
{
datalimit();
select_compra.addEventListener
(
'change', function()
{
datalimit(50);
/*
Como eu altero o valor de "limit" e
Chamo novamente a função datalimit()
*/
}
);
}
</script>
</body>
Minha intenção é que ao disparar o evento change
o valor de limit
seja alterado para comportar mais caracteres e posteriormente quando o select
perder o focus
voltar para o valor inicial que é 3
(mas vamos por partes).