Abrir pop up ao clicar em um (combo) <SELECT>

Front-end JavaScript
#1

Olá a todos!

  • Tenho dois relacionados carregando informações do banco de dados.
  • O segundo select é preenchido de acordo com que é selecionado no primeiro.
  • Preciso abrir um pop up quando um determinado campo do segundo for selecionado.

Alguém poderia me ajudar a fazer isso com java script?

Segue o código do primeiro select:

<select  class="select-service" method="POST" name = "pacote" id = "pacote">
			<option>Select Cleaning Package</option>
					    <?php 
$SQL = "SELECT * FROM tb_pacote";
$query = mysqli_query($mysqli, $SQL);
while ($row = mysqli_fetch_array($query)){
  $res = "<option ";
  $res .="value='".$row['id_pacote']."' >";
  $res .= $row['nome_pacote'];
  $res .="</option>";
  echo $res;
}

?>				   
						
			  </select>

No banco de dados eu fiz uma relação entre a tb_pacote e tb_servico .

	<div class="vp-form-line clearfix">
		<span class="vp-form-icon"><i class="vp-icon vp-supplies"></i></span>
		<label class="vp-form-item select">
			<select  class="select-supplies" method="POST" name="servico" id="servico" >
				
              <option>Select Floor Plan</option>

			</select>
			<i></i>
		</label>
	</div>

Estou com muitas dúvidas… Agradeço…

#2

Você precisa trabalhar semelhante ao código abaixo, para mostrar um popup ao selecionar um determinado serviço:

`

       <select class="select-service" name="pacote" id="pacote">
        <option value="">Select Cleaning Package</option>
        <option value="1">Pacote 1</option>
        <option value="2">Pacote 2</option>
        <option value="3">Pacote 3</option>
      </select>

      <select class="select-supplies" name="servico" id="servico" >
        <option value="">Select Floor Plan</option>
        <option value="1">Serviço 1</option>
        <option value="2">Serviço 2</option>
        <option value="3">Serviço 3</option>
      </select>`

`

  $(document).on('change', 'select.select-supplies', function(){
    var servicoSelecionado = $(this).val(); //pega o value do option
    var textoSelecionado = $('select.select-supplies option:selected').text(); //pega o texto do option selecionado

    /*Fiz ele mostrar um alerta ao selecionar a opção com o value=2*/
    if (servicoSelecionado == 2) {
      alert("Selecionou o serviço " + textoSelecionado)
    }
  });

`

#3

Eu consigo colocar um link neste pop up?