Combobox com AJAX

[Bruno Felício 0]

Pessoal tenho um Select abaixo com 3 opções de Cursos, como eu faço para se a pessoa selecionar algum curso no primeiro combobox ele não aparecer no segundo, seria AJAX, alguém pode encaminhar um exemplo?

 

 

 

<select id="UF" name="curso1" class="form-control input-lg"  tabindex="32" required="required">
                            
                      <option  selected value=""> 3º Opção: </option>

                      <option value="Administração">Administração</option>
                      <option value="Ciências Contábeis">Ciências Contábeis</option>
                      <option value="Direito">Direito</option>
                      <option value="Engenharia Civíl">Engenharia Civil</option>
                      <option value="Engenharia de Produção">Engenharia de Produção</option>
                      <option value="Fisioterapia">Fisioterapia</option>
                       <option value="Psicologia">Psicologia</option>
                      
                      
            </select>

 

<select id="UF" name="curso2" class="form-control input-lg"  tabindex="32" required="required">
                            
                      <option  selected value=""> 3º Opção: </option>

                      <option value="Administração">Administração</option>
                      <option value="Ciências Contábeis">Ciências Contábeis</option>
                      <option value="Direito">Direito</option>
                      <option value="Engenharia Civíl">Engenharia Civil</option>
                      <option value="Engenharia de Produção">Engenharia de Produção</option>
                      <option value="Fisioterapia">Fisioterapia</option>
                       <option value="Psicologia">Psicologia</option>
                      
                      
            </select>

 

<select id="UF" name="curso3" class="form-control input-lg"  tabindex="32" required="required">
                            
                      <option  selected value=""> 3º Opção: </option>

                      <option value="Administração">Administração</option>
                      <option value="Ciências Contábeis">Ciências Contábeis</option>
                      <option value="Direito">Direito</option>
                      <option value="Engenharia Civíl">Engenharia Civil</option>
                      <option value="Engenharia de Produção">Engenharia de Produção</option>
                      <option value="Fisioterapia">Fisioterapia</option>
                       <option value="Psicologia">Psicologia</option>
                      
                      
            </select>

 

[VerdenKaf 4]

Idealmente é bom você postar já o que conseguiu fazer amigo. De qualquer forma se o seus select forem estáticos assim você não precisa de AJAX não, dá pra fazer com jQuery mesmo.

Filtra o item escolhido no select1 e usa a funcão remove pra tirar o idêntico do select2, mais ou menos assim:

 

https://jsfiddle.net/de3trsL4/