Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2005
    Messaggi
    909

    [jquery] autocomplete + select

    salve, come da oggetto, avr la necessità di personalizzare il plugin autocomplete con l'aggiunto di un campo select.

    in pratica ciò che mi occorre è passare al source: file.php un altro parametro il valore di un campo selezionato.

    questo è quello che ho scritto fin'ora ma anzichè riportarmi il valore della selec selezionata mi riporta solo e sempre il primo valore della stessa

    codice:
    <script type="text/javascript">
    	$(function() {
    
      var  sel = $("#cate option:selected").val();
     		 
                $("#nome_pro").autocomplete({
              		 
    			source: "search.php?sel="+sel, 
                    minLength: 2,
                    select: function(event, ui) {
                        $('#state_id').val(ui.item.id);
                        $('#cod_pro').val(ui.item.cod_pro);
    					
                    }
    
    })
    		   
            });
    </script>
    
    
    
    SELECT
    <select name=cate id=cate>
    <option value=1>1</option>
    <option value=2>2</option>
    <option value=3>3</option>
    </select>
    
    Nome 
    <input name=nome_pro type=text id="nome_pro">
    
    <input type=hidden id="state_id" name="state_id">";
    
    Cod. Articolo
    <input name="cod_pro" type=text id="cod_pro">
    
    
    
    //nel search.php
    $return_arr = array();
    
        $fetch = mysql_query("SELECT * FROM tabella where sel='$_GET[sel]'  AND nome_pro like '%" . $_GET['term'] . "%'");

    grazie mille

  2. #2
    Utente di HTML.it
    Registrato dal
    Dec 2010
    Messaggi
    3,660
    Il metodo che hai utilizzato per recuperare il valore dell'elemento selezionato della select è corretto e funziona, probabilmente il problema è un altro...

    codice:
    <select name=cate id=cate>
    <option value=1>1</option>
    <option value=2>2</option>
    <option value=3>3</option>
    </select>
    
    <script type="text/javascript">
    
    $(document).ready(
    	function()
    	{
    		$("#cate").change(function(){
    			 var  sel = $("#cate option:selected").val();
    			alert(sel);
    		});
    	}); 
    </script>
    In questo esempio all'evento change, associato alla select, mostro a video il valore dell'elemento selezionato... come vedrai funziona benissimo...

  3. #3
    Utente di HTML.it
    Registrato dal
    Jul 2005
    Messaggi
    909

    risolto in parte

    intanto grazie,

    grazie al tuo aiuto funziona solo ch sono vincolato dal change della select, non cè modo di recuperarne il valore anche se la select non viene "cambiata"?

    codice:
    $(document).ready(function() 
    {
    
    $("#cate").change(function(){

  4. #4
    Utente di HTML.it
    Registrato dal
    Dec 2010
    Messaggi
    3,660
    codice:
    <select name=cate id=cate>
    <option value=1>1</option>
    <option value=2>2</option>
    <option value=3>3</option>
    </select>
    
    <script type="text/javascript">
     var  sel = $("#cate option:selected").val();
    </script>
    Cosi l'ho recupera una sola volta al caricamento della pagina...

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.