<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!DOCTYPE html>
<html>
<head>
<label for="weather">Selecione uma opção: </label>
<select id="select">
<option value="0">------------------------------------</option>
<option value="1">Cadastro do Comprador</option>
<option value="2">Cadastro de Automovel</option>
<option value="3">Cadastro da Venda</option>
<option value="4">Sair do Sistema</option>
</select>
<script>
var select = document.getElementById('select');
var para = document.querySelector('p');
var button = document.getElementById('button');
select.addEventListener('click', setweather);
function setweather(){
var choice = select.value;
if (choice == '0')
{
{
para.textContent = 'Menu de cadastro do comprador';
}
else if (choice == '1')
{
para.textContent = 'Menu de cadastro do automóvel p/ venda';
}
else if (choice == '2')
{
para.textContent = 'Menu de cadastro da venda';
}
else if (choice == '3')
{
para.textContent = 'Sair ';
}
else
{
para.textContent = '';
}
}
</script
</head>
<body>
</body>
</html>
