Tenho um select
; e, no último option
, chamo uma página.
Como não é possivel utilizar um button
dentro de um select
, utilizei o onChange
.
Queria que a última option
fosse o mais parecido com um button
em
CSS.
var select = document.querySelector('select');
select.addEventListener('change', function () {
var selecionada = this.options[this.selectedIndex];
var url = selecionada.getAttribute('data-url');
if (url) window.location = url;
});
HTML:
<select>
<option>1</option>
<option>2</option>
<option data-url="/page.htm">Button</option>
</select>